Flash :: Avoid Flickering When Changing The Source Of A Mx:Image In Flex
Nov 4, 2009
in my mxml file I have images declared like this:
<mx:Image x="0" y="0" source="assets/bigpicture.png" id="picture1"/>
and at some event I do:
picture1.source = "assets/bigpicture2.png";
However this results in flex removing the picture, and when it has loaded it will show it again.
How can I make the mx:image make so that it will continue to show the image until the new image has been loaded?
View 1 Replies
Similar Posts:
Jan 25, 2012
I am changing image through flex every time i change it saved into server directory with same name(which i am referring to show). So when i refresh my page my browser didn't send new request to server since it's already in request.so didn't getting new image.Tip:- when i clear browser history it will come with new image
View 2 Replies
Feb 18, 2010
I just trying to learn basic flash programming skills, now I got a program that load an image from my local machine, and show it with uiloader component, code is something like:
var myImage:String = "picture.png"
var request:URLRequest = new URLRequest(myImage);
uiLoader.load(request);
It's working fine, but when dynamically change the picture, I notice a flicker while loading, there is any way to avoid this flicker? i mean, like double-buffering or so.
View 1 Replies
May 7, 2011
Coming from a more'traditional' C++ background so more used to dealing with low level API's rather than something like the flash.display API.How does one avoid screen tearing/flickering in the display API?Even with a high framerate like 60 fps I'm experiencing some rather nasty flickering/tearing between frames.Take the simplistic example below, where the children of the Sprite are merely instances of Shape and never change.
private function onEnterFrame(event:Event):void
{
var t:Number = (getTimer() - time) / 1000;
time = getTimer();
View 2 Replies
Mar 12, 2010
i am trying to modify during runtime an image in my application, this image is located inside assets folder, so thats why i dissable -use-network=false flag, then i call something like this:img.source="../assets/pict.png";but it's not working.
View 1 Replies
Dec 4, 2009
Is there a way to avoid the copy of the empty folders, based on the current source library structure, in bin-debug folder?I'm using Flex 3.2
View 1 Replies
Oct 14, 2010
In Flex4, I use an Image control. After every 10 seconds, i am changing the image programatically using Timer. But when the image changes, flickering occurs. Is there any method to prevent this?
View 1 Replies
Jul 6, 2009
I did small flash where i exported layers from Photoshop and converted them into movieclips. currently i need to change they image source to other when i click on button.this one is required to make swf file smaller to load files after loading swf file itself. .
View 1 Replies
Jul 6, 2009
I did small flash where i exported layers from Photoshop and converted them into movieclips. currently i need to change they image source to other when i click on button. this one is required to make swf file smaller to load files after loading swf file itself. i found how to do it but in this case i cant change size of picture.
Code:
function img5(e:MouseEvent):void{
var imageLoader:Loader = new Loader();
var imageRequest:URLRequest = new URLRequest("images/Water lilies.jpg");
[Code]....
View 2 Replies
Dec 12, 2009
I am developing a website in flex. And in that, i am trying to set the background image of my application. like this: parentApplication.setStyle("backgroundImage", data.image_src);
From a different location.
My issue is that, the images that i have are small and hence they are being stretched when used as background images. I want to avoid that from happening. How can i do it?
View 1 Replies
May 26, 2010
working on making a flash program that loads about 1000 jpegs and then plays them like a movie. Have all the buttons and stuff working but the time it takes for an image to load is so high that the movie can't be played at 30 fps. I've tried multiple ways of fixing this
using 1 scrollpane and changing its source ever 30 ms. This one is the worst but simplest. Flickers cause strobing and it is unwatchable.
used 2 scrollpanes that were duplicates of each other until I had to load. I would then make that one invisible, load it , then make it visible. Then load the background one. Works but same problem as the first at high speeds, just less severe. used 1 scrollpane per image . This works great, except that it fails miserably on any more than 100 of them due to the number of objects.Currently using action script 3, but will change if its not possible in that.
Also, I want to be able to zoom in and then scroll around the window hence the scrollpanes, but if that's not possible its a sacrifice I'm willing to make
View 1 Replies
Oct 30, 2010
I'm using VideoJs to handle my HTML5 video needs, using a single M4V. I needed a playlist, and I'm able to change it's source easily using JS (in my case, jQuery). However, I'm not able to pass these changes along to the flash fallback (which is achieved via an object including flowplayer). How one might be able to dynamically change flowplayer's flashvars, and reload the object?
View 1 Replies
Aug 15, 2011
I need to be able to load up different flash files when users click an image in my gallary. My current solution works perfectly fine in Firefox, but Chrome and IE are not working and it isn't giving any error messages. I use jquery to change the embed source
$('#flash embed').attr('src', msg.d);
<object id="flash">
<embed src="" type="application/x-shockwave-flash" width="800" height="600">
</embed></object>
View 3 Replies
May 31, 2009
I have what seems a straighfoward situation: I update the source property of an image, when the image is loaded i want to redraw the border skin to fit the new size of the image.
newImgEdit.addEventListener(Event.COMPLETE, loadImgComplete);
newImgEdit.source = myurl_ressource;
private function loadImgComplete(evt:Event):void {
[Code]...
View 2 Replies
Feb 16, 2010
I want to change the image at click event.I change the source of the image on click but its not reflecting immediately it comes when any other event is fired.
View 2 Replies
May 19, 2011
This works:
<mx:Image styleName="image" source="done.png">
</mx:Image>
This doesn't:
<fx:Style>
@namespace mx "library://ns.adobe.com/flex/mx";
[Code]...
View 1 Replies
May 25, 2011
In Flex, how to assign swf as image source at runtime, not embedding it.[Bindable] public var myImg:String;<mx:Image id="intImg" source="{myImg}" width="96%" height="96%" />In my application, I fetch image url dynamically from a web service call, and assign it to "myImg". But until I don't get the response from the web service call, I want to show a loader swf in image control above. I assigned something like:myImg = "assets/AS3.swf";and the path of swf is correct, but it doesn't show up.UPDATE:The code I've shown above works perfectly in a Flex 3 app but the swf does not show up in a Flex 4 app. Is it because Image control has dropped the support for swf in Flex 4 ?
View 3 Replies
Jun 3, 2011
I have an image which its source depends on a bindable property of another object.I'd like to know when this source changes, for example, by capturing the bind event or another related event of the Image control.
View 1 Replies
Aug 25, 2011
I would like to display an Image using a Bitmap as source. I've looked at many websites and most suggest something akin to this but somehow it still doesn't work....img1 works fine... But img2 doesn't load for some reason.
private function onComplete(event:Event):void{
bytes = event.target.data;
img1.source = _bytes; /*this last bit works*/[code]....
View 1 Replies
Aug 15, 2009
I have a TileList that's loaded with data from Flickr. The tilelist uses an imageRenderer to make a bunch of thumbnails. I'm trying to create a custom drag and drop function, but I want to get the image source of the tilelist mouseEvent target. Here's what the code looks like for the drag handler:
[Code]...
View 1 Replies
Sep 3, 2010
I've put together an example of the problem I am having and I've also attached my 2 x 2 image I'm using. The image is linked with the class name of ContentTexture which is referenced in my code below:
ActionScript Code:
import com.greensock.TweenLite;
import com.greensock.easing.*;
import caurina.transitions.*;
import fl.transitions.Tween;
import fl.transitions.easing.*;
[Code] .....
I've tried using different tweening engines (greensock's TweenLite, Tweener, and flash's built in Tweening engine) so I think it's more of a general flash issue...maybe a bug? I'm using Flash CS4 on a PC and I've tried 24fps and 30fps with no difference. Is this a rendering issue/flash bug? or is there another setting I'm missing?
View 4 Replies
May 31, 2010
[Code]...
I am presuming this is because the image hasn't finished reading the png file off the disk yet. What event can I monitor to know when it's width and height will have the right values? The 'Complete' event only seems to work for DOWNLOADED images. The 'Render' event happens EVERY FRAME. The (undocumented?) 'sourceChanged', happens as soon as source changes, and has the same problem! What event do I watch that will let me know when the image's width and height properties will have valid values? Or is there some Synchronous version of I.source='xxx.png', that I don't know about?
P.S. Yes, I know I shouldn't use "C:" in an Air Program. This was just for illustrative purposes, so that you won't suggest I use "Complete", which never even seems to fire when the file indicated by source is local.
View 4 Replies
Oct 23, 2009
I have a custom item renderer that displays images:
<mx:DataGrid dataProvider="{friends.friend}" id="friendsGrid" width="240" rowCount="3" variableRowHeight="true" headerHeight="0"
horizontalCenter="true" backgroundAlpha="0" borderThickness="0"
[code].....
View 1 Replies
Aug 26, 2010
i have a Air Project in which i have added three extenal source folders. but when i reopen project or strat flash builder again i get icon on those folder like this but when i open the configuration for that project and try to validate the path and adding it again i get message like this but the path is valid. proof is this pic what could be possible error,,, is there any way that i when ever re-open project i get no warning and able to navigate through the linked source code. now i am doing it
1- deleting on of the linked folder
2- again adding that folder.
View 2 Replies
Jan 11, 2010
So inside my src folder I have my app.mxml file. I have a source directory pointed to my actionscript library.It appears that Flex does not look inside that source directory including an .as file within the master mxml file.
Code:
<mx:Script source="com/domain/something/somethingelse/app.as"/>
I could just have the main app.as file inside the src folder along with my app.mxml file but it would be nice if it could live in the actionscript library.
View 1 Replies
Aug 21, 2009
So inside my src folder I have my app.mxml file. I have a source directory pointed to my actionscript library.It appears that Flex does not look inside that source directory including an .as file within the master mxml file.[code]I could just have the main app.as file inside the src folder along with my app.mxml file but it would be nice if it could live in the actionscript library.
View 2 Replies
Oct 23, 2007
Say I have "Symbol 1" in FLA document "DocOne". I drag this symbol from DocOne's library into "DocTwo"'s library. Now, in DocTwo's library, the properties for Symbol 1 show that the source is "DocOne". I can use the symbol update functionality to update it from DocOne. Is there a way to sever this linkage so that Symbol 1 in DocTwo no longer considers Symbol 1 from DocOne to be its source? So that, for example, if I drag it over from DocTwo to DocThree, Symbol 1 in DocThree, its source in DocThree will be DocTwo and not DocOne?
View 3 Replies
Nov 9, 2009
I want to put a flash banner(slider) to show a bunch of products iteratively. And I want it to allow interaction so the user can interrupt image looping and choose what she wants to see and what images to show how long it will be shown should be configurable. I already googled for 'flashe banner / slider' but with no luck. Is there any open source projects that can offer this kind of feature? Or tools that can help me to create one.
View 2 Replies
Dec 5, 2010
I have code that allows users to upload images, which are of any dimension and file size, and have applied that data to a bytearray and a loader class, which is then displayed and saved to the server. The server has a memory size limit per file of 256k. Everything works well unless the image is too big. How to change the size of that source image so the server will accept it. I've been trying to assign the loader data, or the bytearray, to a Matrix, or a Bitmap, or a BitmapData, figuring one of these can scale the dimensions of the image which will bring down the file size. (To be completely clear: this isn't movieclip.scaleX -- that doesn't affect the size of the source image)
Code:
var _clickMe:ClickMe = new ClickMe();
var _imageLoader:Loader=new Loader();
var bytes:ByteArray=new ByteArray();
var fileRef:FileReference = new FileReference();
var _faceBitmap:Bitmap = new Bitmap();
[Code] .....
View 3 Replies
May 24, 2011
I am using a custom skin on Flex's TabBar, and specifically the skin the controls ButtonBarButton. The width of the button is a variable size depending on the text it contains, and background of the button is an image that only displays on the selected states of the button.
The following is my MXML for the skin:
<!-- states -->
<s:states>
<s:State name="up" />
[Code]....
I tried wrapping the entire block in a Group tag, but to no avail. The invisible Rect does indeed fix the "machine gun" flickering that occurred when the mouse hovered over any edge of the button, but there is still a flicker on every mouse enter and mouse leave of each button.
View 1 Replies