IDE :: Loader - Images In IE Not Scaling To Fit
Sep 24, 2009
I have an interesting issue, I am trying to load 12 images into their own "Loader" with Scale content set to "true" so they scale down a bit. If I run this in Flash it works great, the 12 images show up fine inside the loader. If I then load it to a website and view it with FF it works fine, however, if i load up IE one or two of them will be fine but the others will be huge, basically not scaling to fit. By Loader, I mean the component loader. I'm sure I'm not the first person to have this issue, my first thought was they are not loading 100% before Flash is trying to scale the content? If that's the issue, how do I preload them?
View 2 Replies
Similar Posts:
Apr 7, 2012
the file loads correctly but the loading screen only flashes up at the end.The only thing being exported in frame 1 is the loader image, and that is extremely small.Is it possible that there's a queue of things being loaded and the loader image is at the bottom of that queue? Since that was one of the last things added to the project
View 1 Replies
Aug 23, 2010
I'm writing a movie that should load image from external location and display it in placeholder. I called placeholder "imageMC" and I gave it dimensions on 250x250 px.Next I load image using Loader class and I'm waiting for complete event.After that I try to resize image so it will fit to placeholder. I also want to keep fine aspect ratio.My code looks that:
ActionScript Code:
function onComplete(e:Event):void {
var wFactor:Number, hFactor:Number, originalWidth:Number, originalHeigth:Number, newWidth:Number, newHeigth:Number;
originalWidth = loader.content.width;
[code]....
The problem is line: "imageMC.addChild(bmp);". When I add a bmp as child of imageMC the trace statement looks like:
Quote:
250:187 //loader.content dimensions
252.05:362.4 //imageMC dimensions ??!! WHY THEY ARE CHANGED???
250:187 //bitmap dimentsion
and imageMC resizes his heigth and display image wrong scaled.But when I add bmp as child of stage: "addChild(bmp);" trace looks like:
Quote:
250:187
250:250
250:187
and image is scaled propertly.What is cause of this error?
View 2 Replies
Mar 11, 2010
I am attempting to load multiple images in AS3 and I'm exploring different options on how this can be done.I would like to have to only use one Load() instance and handle the various image assignments in the onComplete handler...here is my first attempt:
var buttonLdr:Loader = new Loader();
buttonLdr.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, onLoadError);
buttonLdr.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadCo
[code]....
View 1 Replies
May 27, 2009
I have a "master" SWF file into which I load content (other SWFs) via the Loader Class (with code below).
var contentLoader:Loader = new Loader();this.contentContainer.addChild(contentLoader);I load the content (these other SWFs) into a MovieClip container on the stage called "contentContainer". The "contentContainer" is much smaller than the "master" SWFs stage and also much smaller than the original size of the SWFs that the Loader is loading in. Also, and this is very important, the "contentContainer" itself is sized -- not scaled -- (see code) and placed on the stage depending on how large the stage is scaled (I am trying to make one of those "liquid stage" flash sites that fills the browser window with flash content regardless of window size).//this resides in a function that is called whenever the stage RESIZE Event is fired
[Code]...
View 3 Replies
Aug 18, 2009
I've devised a preloader using the ui loader and progress bar components in flash cs3. The goal being to load an external .swf into the uiloader and that has been achieved. I'm having problems with the scaling now. In my code I have set the content scaling to "true" and that isn't supposed to cause distortion of any type but it does. It squishes my external .swf in width wise.
HTML Code:
var imageURL:String = "portfolio.swf";
var imageURLRequest = new URLRequest(imageURL)
uiLoader.scaleContent = true;
uiLoader.load(imageURLRequest);
progressBar.source = uiLoader;
[Code] .....
View 1 Replies
Nov 4, 2010
I have a scale up and down function that increases or decreases the size of an external loaded image inside a loader. What i am now trying to do and having trouble with is playing certain messages when the scaling reaches a certain point.
For instance when the user uses the 'increaseScale' function and scales 'image_Content' up by 40% its original size then 'warning_msg.visible = true;'
When they increase it by 65% then 'stop_msg.visible = true;'
This will then respond the same way if the user decreases the scale back to 40% and so on.
I cannot work this one out, i have posted the code below and have attached the fla file...
Code:
//------------------------------------------------------------------------------------
// Messages
//-----------------------------------------------------------------------------------
[Code]....
View 2 Replies
Dec 13, 2004
I've found the loader component handy in loading JPEGs and scaling them to the specified size. However, I've found it a little annoying that when the image is loaded, sometimes you can see the image in it's original size for a fraction of a second before it's resized to fit the loader. Is there any way to avoid this -- such as the loader only being visible after the image is resized?
View 1 Replies
Dec 9, 2005
Explaination: MX 04' Pro Thumbnail Nav. loading images with XML Loader resizes and displays images when users click on Nav. reading XML Problem: Users click Thumbnail Nav. first image gets loaded and loader resizes to image. However the next choice by user on thumbnail click, the second image doesnt get resized in the loader. It goes beyond holder. Here is my code for Thumbnail and Loader:
[Code]....
Now the first image loads fine and the loader sizes to file from XML. However, when users click second choice from Thumbail the loader doesnt resize to new image size. It only gets resized on the first selction or if users click the next or prev. buttons then the images fade correctly but nothing fades back in. Now if they do hit next or prev and then hit a thumbnail option it loads and resizes.
View 1 Replies
Jan 11, 2012
I am having a problem where, when I scale an SVG in flex, it clips a part of the image, as shown below (the bottom right is clipped off, it should be rounded, like the top left)
Here is my code:
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" actionBarVisible="false"
xmlns:s="library://ns.adobe.com/flex/spark" title="Table">
[Code]....
View 2 Replies
May 8, 2009
I have a grid with 17 columns and populating it with images through XML. I would like to scale the images on Mouse over. I can get this to work but the problem is that some of the images when scaled are below the surrounding images. I thought maybe setChildIndex, but perhaps I was not implementing it correctly.
View 1 Replies
Apr 27, 2005
have a situation where i have 30 images on a splash page and when you rollover the small image it creates a larger version at the 4 corners of the page. See example here:SplashCurrently i am using this script:
Code:
on (rollOver) {
this._width = 128;
[code]......
View 11 Replies
Oct 9, 2008
I have a problem where my images are not fully displaying their dimensions (cannot see the whole image). How can I have the image being loaded scale to the properties of the holder? Would the whole image show properly, if I were to make the images the same size as the holder via photoshop?
function largeImageLoaded (e:Event):void {
holder.addChild(loader); // here
loader.alpha = 0;
TweenMax.to(loader, 1, {alpha:1, ease:Sine.easeIn});
TweenMax.to(loader, 2, {colorMatrixFilter:{amount:3,
brightness:1.5, saturation:1.2, hue:10}});
}
I assumed, that once you've brought in the image it would scale automatically? I am loading these via XML. So now, I will need a way to scale each of the loaded images to match that of the holder.
View 6 Replies
Jan 19, 2010
I have a Movieclip containing five images in a row. I have seven images inside a mc next to eachother like a T (Five across and three down) with one image being the center image. The images are under a mask an then the images tween on the X and Y but obviously only the masked part of the image is visible. The mask is 1280x649 and I was wondering how to proportionally scale only the masked area to full screen. I have the following code which works perfectly on a single image inside a mc but how do I do now?
Code:
stage.align = "TL";
stage.scaleMode = "noScale";
var picHeight = pic.height / pic.width;
var picWidth = pic.width / pic.height;
[Code] .....
View 7 Replies
Jan 24, 2011
I have a few 180 panoramic images in pan.xml and firstly I want to load the first image (width=2737) onto stage, then adjust its size (according to the stage size) with adjustScale function and finally tween it with slidePanorama function. The problem is that first image tweens to the initial position (x=-2737/2) and not to the new position (-scaled width/2), so there's some empty space left on the right of the screen... I tried putting that adjustScale function everywhere, it doesn't seem to work. What am I doing wrong? The second thing I want to do is to be able to navigate between other panoramas e.g. clicked on a button, load another panorama and repeat the same process as explained above..
ActionScript Code:
private var imgNum:Number = 0;
private function createP():void {
imgData = panXML.item[imgNum].imgURL;
[Code]....
View 2 Replies
Aug 20, 2011
I only recently switched to AS3 from 2 and I'm sure there are concepts. When I load a grid of images and scale and center them, why does this work locally but not when I upload it to a server? These images do not scale or center online, they just position themselves at top left at full size. Here's the portion of my code that centers the image when loading of image is 'done.'
ActionScript Code:
function thdone(e:Event):void {
if(e.currentTarget.width > e.currentTarget.height){
scaleFactor = (120/e.currentTarget.height);
} else {
scaleFactor = (120/e.currentTarget.width);
[Code] .....
View 1 Replies
Apr 28, 2011
scaling image for an image gallery project I am creating. I am adding each image inside a SQUARE Movieclip of their own so I can position them nicely on stage. As not all images are exactly square, there are always vacant gaps. What I want to achieve is to scale the image proportionally so that the smallest dimension of the image ( width or height ) will equal the same dimension of the square Movieclip, though anything that overflows the MovieClip is not visible.
View 1 Replies
Dec 23, 2010
I need to scale images so that they always fit within my browser but also retain their aspect ratio. All other examples I have seen at some point either the width or height is cropped off by the edge of the browser. I need my images to always stay inside but also I do not want them to ever scale above 100% i.e. no enlargement. owever the images don't stay within 100% scale and also get cropped off.else as much as I can.The code I have is like this
Code:
if(mainTL.allImages._width > Stage.width){
mainTL.allImages._width = Stage.width;
[code].....
View 2 Replies
Nov 8, 2010
Is there a way to use 9-slice scaling with images loaded at runtime? To clarify, let's say that I build an application that lets a user skin a button with whatever image they want. This would be an image that's not embedded with the swf. Is there a way to set that runtime image as a background and use 9-scaling?
View 1 Replies
Jan 27, 2009
I'm working on a Flash application that has thumbnails and fullsize versions of an image. The steps I'm taking:
- import the image at runtime, and attach to a movieclip (we'll call it polaroid, since that's what I'm calling it).
- resize polaroid via polaroid._width=3; polarois._height=3; to get my thumb
The image quality is OK for pictures, but it's also fairly important that text not look too pixelated. Is there anything relatively simple (i.e. not too taxing on RAM) I can do here? Even a blurring layer would do the job, if there is any such thing.
View 8 Replies
Apr 9, 2009
Im building a site for a photographer, all images are xml driven.. When a thumb is clicked the full size image is loaded into an empty movie clip.
I am after a similar effect as seen here..[URL] If you resize the window the image resizes to scale...
I have managed to align the rest of the movieCLips to the stage when it is resized in its right positions just can't get the image to resize!.
View 3 Replies
Aug 30, 2009
I have a simple test site to test scaling images proportionally.[code]The site is full browser with 3 MovieClips - header_mc, body_mc and footer_mc.header_mc is the strip across the top. body_mc is the middle section, which contains a image that is a MC, img_mc. footer_mc is the bottom strip.When the browser resizes, header_mc and footer_mc stay the same height, but the height of body_mc will change and footer_mc sticks to it's bottom.When the window resizes I want the image to resize proportionally - that's where I'm stuck.How can I resize the image to keep it's proportion.
View 3 Replies
Oct 30, 2009
I'm using the code below to scale my main movie with the browser window.What happens is that the images in the movie are baldy distorted ..Can I preserve the images to scale or at least can I scale them with a different scale?I'm using CS3 ,AS2 and Flash Player 9
Code:
// ***Stage aligned top left
Stage.align = "TL";
// *** stage scaling with the browser window.
Stage.scaleMode = "Scale";
[code]....
View 9 Replies
Jan 3, 2011
i've got a main home page in flash coded in AS2 that first loads up 8 thumbnails when you click on one it goes into fullscreen mode and loads images dynamically side by side that you can pan through with your mouse.the problem is is that i am using the setBackground(); and it is not scaling the Loader components inside my movie clip correctly initially, it is scaling them down yet when i resize the window it scales them perfectly.Here is my AS to scale:
ActionScript Code:
// this tells Flash NOT to allow the assets to be scaled
Stage.scaleMode = "noScale";
[code].....
View 9 Replies
Jan 22, 2010
in XML gallery , how we can load all images first so that rest of the slide show runs smoothly For example: I have placed 10 images in XML , when slideshow starts , all the effects not appears, because it waste time in loading each image on its turn I want to load all images first , then want to start the slideshow how i load all images at the start?
View 1 Replies
May 11, 2009
How do i load multiple imgaes on the same loader instance? or do i need to call new loader every time i load an image?
PHP Code:
loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.INIT,PicLoader);
[code]....
View 2 Replies
May 21, 2009
I'm using a function that have a loader the loads an image and put it on stage.When i try to call the function again with a different image, i can only see the first image,From what i remember that image is there but i need to remove that last one that i added to the stage but i cant remember how to do it.Note that in order to load the images i use addChildAt(object, 0) because i need the image to be in the back of the stack.
View 2 Replies
May 31, 2011
I am trying to load and display multiples images with a Loader, one after another. The program only displays the last image to be loaded and added to the stage. What is wrong? Here is my code..
[Code]...
View 1 Replies
Jul 11, 2009
I'd like to get a similar implementation to the ScrollPane component, so that starting from a fixed size of say 640x400 px, I can load an image that initially gets adjusted to this size (always keeping the aspect ratio), then I can zoom in/out the image with some buttons, displace it horizontally/ vertically whenever it overflows the mentioned size with both a four-buttons panel and a drag-and-drop functionality.I don't want any scroll bar, and I want to restrict the image size to certain dimensions (not too much big or smaller than the container).
View 1 Replies
Aug 16, 2010
i have a thumbnail gallery im displaying from an xml file and require the thumbnail widths/heights to dynamically space the images.I read I must use an event and content.width to access the image widths and this works partially..in the below code I am just tracing the image width to see if I can access the values of each image, but I only ever get the value of the LAST IMAGE in the xml. There are 3 image urls listed in the xml and the width of the last image is the only one traced ?
Code:
function galleryphoto_loadDisplay():void{
for (var i:Number = 0; i < galleryphoto_images_total; i++){
[code].....
View 5 Replies
