Flash :: Loader Flashing Before Each Image

Loaded Image Keeps Flashing
If you visit http://allvolume.com/poker/load_stuff.swf, after 3 seconds an image of a card will show up and the html that is being parsed to display that image will show to the right of it. This image is being pulled from the database, and I am using setInterval to check the database every 3 seconds for a new card, but everytime it checks the database for a new card the card image flashes.

Frame 1:

Code:
card1b = "<img src='http://allvolume.com/poker/images/cards/default/";
card1b += card1;
card1b += ".jpg' width='100' height='159'>";
gotoAndPlay(2);
stop();
Frame 2:

Code:
function load_vars() {
loadVariablesNum("load_stuff.php?id=yours", 0, "POST");
gotoAndPlay(1);
}
setInterval(load_vars, 3000);
stop();
I am guessing that the problem is that I am loading the image over and over even if it doesn't need to be changed, but I can't seem to find a way to only update it if it has changed since you can't call the loaded variables on the same frame they were called (correct me if I am wrong, but that is the conclusion I have come to from the work I have put into trying to get this to work).

Help Needed... About Flashing Text/image
hi everyone! I needed some advice on flashing my text...
right now i'm using the "stone age" flashing methods (the one frame empty and one frame with image)but i find it too slow and very troublesome.
Do anyone here knew other ways of flashing an image/text very fast?

Multiple Galleries, Image Flashing
Ok, i have a portfolio site. It has a master swf that other swf load into. Menu.swf is loaded into level 10. There are 3 links in the menu. button one loads Art.swf into level 5, button two loads Logo.swf into level 5, and finally button three loads design.swf into level 5. Eac link unloads level5 before calling a new swf. each one of those is an swf of post #17 http://www.kirupa.com/forum/showthre...mbnails&page=2 and i have also tried it with the basic Kirupa Gallery with Thumbs. They each have a seperate xml file.

The issue I am running into is that if you click a new link before the gallery finishes loading, the new gallery loads, but the image flashes and blinks repeatedly. It only happens if you change what swf is loaded (ie, hit a new link) before the current gallery is loaded.

So, if i click back and forth really fast on the Art, then the Logo links, and then finally stop on links, the Links gallery will load, but the first image will be constantly flashing and blinking and if i try to click on a new thumbnail, it loads that image for like 1 blink, then goes back to the original flashing image.

help???????

How You Guys Make That Cool High-speed Flashing Text Or Image.
You know, those slick flash sites where a text or image appears and flashed on/off several times a second.

Like switching the light on.

Can anyone give me an example using a text or an image and make it flash like crazy?

Thanks for any help you may given.

Copying Loaded Image Bitmap Data To Another Image Loader
Hi,

I have an app where the user uploads an image into an image loader component. I am trying to figure out how to copy the bitmap data from that loaded image into another image loader component.

Could someone steer me in the right direction? I was looking at bitmap clone and copypixels though haven't figured out how to get this to work yet.

Thanks,

Dan

Bind Image To Image Loader Via Remoting
have got a comboBox working ok now as well as capturing the data value . What i am trying to do now is bind an image path/name to an image loader. How it works is there's a listener/handler on the combobox that when changed makes another query call pulling the appropriate path/filename from the database.

i need to get that path onto the image loader .. contentPath and load don't appear to work for it in the normal sense. .. the query and filename is being processed and is returning the correct value , i just need to get the image loader to use it .. below is the code that makes the call for the image

Code:
function getImage() {
var pc:PendingCall = retreiveProject.projectImg({getImage:myList.selectedItem.projectID});
pc.responder = new RelayResponder(this, "image_Result", "image_Fault");
}
how do i connect the result to the loader ?

Thx in advance

Image Loader ?
i am so curious about how can a image loader like the one used in http://www.schiesser.de/schiesser.html works !!! how can i build it ?
if someone could guide me into this i will much appreciate .

only enter in http://www.schiesser.de/schiesser.html and click any picture of the right side of the webpage and loader will display .

thanks .

Image Loader
hi guys,

this is prolly a piece of pee, but i am having a little trouble.

i have about 200 images i want to display in a simple flash movie in a holder. i dont want to rename the images as it would take ages. they are numbered dans_party001.jpg etc. i wnat to script a button to load them sequetially, possibly with a preloader on each image. i just want a next and a previous button.

please help

mark

Image Pre Loader Help
I’m trying to create a pre loader that will load an image instead of the bar fill pre loader, hope you know what I mean.

I would appreciate any help on how to do this or a tutorial on this, because the ones I found were all bar fill pre loaders tutorials.

Thanks in advance for any help given.

Image Loader
ok. so i understand how to make a pre-loader. no big deal. but i don't know how to load the site up front yet the images load later.

for example, i am doing a site for a photographer friend of mine. when you get to the page where you view his pictures, i want the user to be able to click on a thumbnail. upon click, a loader counts up and then the high-res image is displayed. if anyone can help me out i would be so grateful. thanks very much.

Xml Image Loader
I'm looking for some help on an xml image loader. basicaly i want to create an image viewer that has two buttons back and next. the images are loaded via xml file. when you hit next ofcourse the next image loads, but if its sitting idle, then the images should scroll automacaly...kinda like what msn.com has on their main site (the image box), but i wan to do this in flash and xml.

XML Image Loader
I'm new to using XML and loading it into my flash movie. I'm wondering if anyone knows of a good tutorial on loading XML and handling the data within flash? I'm wanting to create an image viewer using an XML file that holds a number of images which will loop through each image continuously fading one in as the other is fading out. Any help or suggestions is greatly appreciated.

Thanks

Help With Image Loader?
Hi there,

I was just wondering if someone could possibly help me out with a small item that I need to create.

I would like to be able to have a folder of images (jpg) and then a very simple xml file with links to the images in. I would like to have an MC on the stage that will then using AS load in the images xml file and create a simple array. Using this array start at a random point and load in the image. Then to fade out that image whilst fading in the next.
I need it to start at a random point each time instead of the start as it will be going in as a flash header image in a html page and so I don't want it to always start at the same image every time.

I already have something that I downloaded from the internet that does most of this and also has lots of (11 I think!) image fading effects integrated with it. The only problem I have with it is that I can't seem to slow the fades down, they just seem to go at the FPS that the Flash file is set to. If anyone could take a look at this file - http://www.something2ad.com/userdown...imagefader.zip and fix it to have a speed variable then that would be fantastic.
If not if anyone could suggest a really easy way of achieving this (as I am not very proficient in all of this) then I would be most greatful.

If anyone does come up with a different idea then I was wondering if it would be at all possible to integrate the Tween class from http://www.laco.wz.cz/tween as I like using that and it seems nice and easy to use.

Sorry to be a pain and pretty much asking someone to do this for me but I have been away from Flash for such a long time and can't seem to pick it back up again all that easily and any help would be greatly appreciated.

HAPPY NEW YEAR

Best wishes,

Mark Bowen

Image Loader
Hello,
I have a website that displays my wedding photography. I built it using a main .fla with all information and navigation on it and the images in the portfolio are each there own separate .fla's that come up in a loader. The problem is that it takes too long for the images to load online. How can I make it so that these images load faster? Should I load them as html? and if so how do I go about doing this?

Check out my site to see what I mean: http://www.idobelieve.biz

Image Loader
im trying to make a image loader witch replaces blank move clips on the stage with images found in the local directory

i named the mc to be replaced "blankheadmc" (its just a silhouette of a head)
i then gave it the instance of image1_mc

and the next one image2_mc, image3_mc etc etc

in the actionscript i put:

loadMovie("image1.jpg", "image1_mc");
loadMovie("image2.jpg", "image2_mc"); etc etc...

but as you are going to tell me the mc resizes for the size of the image i dont want it to do that i want it to stay the same size or scale or something but stay below a minimum width and height.

i think i can deal with like when u click on an image it gets bigger n stuff ill post more info if u need it thanks in advance

Si

Image Loader
ok hows the best way to create an image loader.

I have a move clip that get loaded to stage called wallpapersfull_mc inside this movie clip is wallpapers_mc that i will be alppling all code and changes to.

ok, is it best to have multiple frames all of witch has a different wallpaper image, and when the user clicks a button at the bottom say a left and right arrow, the frame changes forward one or back one.

now that in itself is annoying because i quite want the images to fade from one to another, and thats alot of tweens can that be done with action script?

The other option is using action script to make the movie load the images when clicked and replace a current MC on the stage, but this is quite dull and there could be quite a pause as the image loads from the external source, can i make the images fade in? and mabie some sort of loader that loads all the pics before allowing them to be viewed.

Any light would be nice. i can do either to an extent but im still only intermediate with action script.

Thanks in adavance

Storm

Image For Loader
Hi,

I was looking for a particular image to create a preloader.
it is quite use over the web for preloading images.

it looks like that : http://i220.photobucket.com/albums/d...ess-flower.png

but i need it in better quality.
where can i find it ?
thx.

A.

Pre-Loader With Image
Good Day everyone,

I'm creating a pre-loader in Flash CS3 using Actionscript 3.0... code below..

stop();

rectangle_mask_mc.DisplayObject.height = 1;
addEventListener(enterFrame = function():void
{

var loadedData:Number = this.getBytesLoaded();
var allData:Number = this.getBytesTotal();
var percent:Number = Math.round(loadedData/allData*100);
rectangle_mask_mc.DisplayObject.scaleY = percent;
if (loadedData >= allData) {
gotoAndStop(2);
delete this.onEnterFrame;
}
};

however when I test my movie I get the following error...
1084: Syntax error: expecting rightparen before semicolon.

Image Loader Help
Hi there...
I would realy need some little help with this little thing.
It would realy ease my work a lot.

1. Only the 1st addImg function is trigered.
2. the event does not work.
3. if I comment the loader stuff, everything works just fine...
4. please help ? i'm so very new at AS3

If what I am doing isn't a good ideea, can u please help me with a new one?

PHP Code:

import flash.net.URLLoader;
import flash.net.URLRequest;

function addImg(movie:MovieClip, imgpath:String, x:Number, y:Number)
{
    var rect:Shape = new Shape();
    rect.graphics.beginFill(0xFFFFFF);
    rect.graphics.drawRect(x, y, 50, 50);
    rect.graphics.endFill();
    movie.addChild(rect);
    //*
    var loader:Loader = new Loader();
    loader.mask = rect;
    loader.addEventListener(Event.COMPLETE, doneloading);
    loader.load(new URLRequest(imgpath));
    movie.addChild(loader);
    //*/
}

var img = 0;
function doneloading(event:Event):void
{
    img++;
}

addImg(this, "main/flash/penny.png",   0,   0);
addImg(this, "main/flash/penny.png",  50,  50);
addImg(this, "main/flash/penny.png", 100, 100);
addImg(this, "main/flash/penny.png", 150, 150);

Image Loader
Hi!

I want to load dynamic image in my swf and also while loading i want to show an animation...

Any help would be appricated.

Thanks,
Erphan B Rajput

Image Pre-loader
I'm using Flash 8's Loader Component to load .swf(s) images though-out my movie. I'd like to pre-load the .swf(s) at the begining of each section. I'm currently using:

// Pre-Loading all swf's for this section
loaderh4.autoLoad = false;
loaderh4.load();

loader4_1.autoLoad = false;
loader4_1.load();

loader4_2.autoLoad = false;
loader4_2.load();

stop();

This seems to not help the delay between images. Any help with this would be great. Thank you.

XML Image Loader
I have an XML document that contains path to images.

I read the document and then try to create a movie clip for each XML image element.

I wind up with 3 movie clips with the same image.

I believe its a timing issues I can't quite figure out.

Any help appreciated

Adam

Here's snippets of the code.

var currAry = new Array();
var slideOffArray = new Array();
var aryCountGlobal = 0;
var globalURL;
var xmlData:XML;
var urlLoader:URLLoader;
var imageLoader:Loader;
var slideCount:int = 0;
var imageRequest:URLRequest
var imagePath:String;
var chronos:Timer;

imagePath = "images/";

import flash.display.*;
import flash.events.*;
import flash.net.*;

var urlRequest:URLRequest = new URLRequest("site_data.xml");
urlLoader = new URLLoader();
urlLoader.addEventListener(Event.COMPLETE, completeListener);
urlLoader.load(urlRequest);

function completeListener(event:Event):void {
xmlData = new XML(urlLoader.data);
for each (var child:XML in xmlData.*) {
currAry.push(child);
//trace(child);
}
//chronos = new Timer(100,currAry.length +1 );
//trace(imagePath+currAry[0].sideShowImageOff);
//trace(xmlData.toXMLString());
for (var i:int =0; i < currAry.length; i++){
loadSlide(i);
}

}
//load slide images
function loadSlide(i:int){
imageLoader = new Loader();
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,initSlide);
trace(imagePath+currAry.sideShowImageOff);
imageRequest = new URLRequest(imagePath+currAry.sideShowImageOff);
imageLoader.load(imageRequest);

}
function initSlide(event:Event):void {

trace(event.currentTarget.bytesLoaded);
var slide_mc:MovieClip = new MovieClip();
slide_mc.name = "slide" +slideCount;
slide_mc.addChild(getLoaderImage(imageLoader));
slideOffArray.push(slide_mc);
slideCount = slideCount + 1;

}
function getLoaderImage(loader:Loader):Bitmap
{
var o:DisplayObject = loader.content;
// see BitmapData ctor for additional args
var img:BitmapData = new BitmapData(o.width, o.height);
img.draw(o);
var bmp:Bitmap = new Bitmap(img);
return bmp;
}

function initClips(){
var x:int = 10;
var y:int = 435;
trace("initClips slideOffArray.length = "+slideOffArray.length );
for (var i:int =0; i < slideOffArray.length; i++ ){
trace(slideOffArray.name);
slideOffArray.x = x;
x = x + 130;
slideOffArray.y = y;
slideOffArray.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown);
stage.addChild(slideOffArray);
}

}

function timerListener(event:Event):void {
trace(slideOffArray.length);
if (slideOffArray.length == currAry.length) {
initClips();
chronos.removeEventListener(TimerEvent.TIMER, timerListener);
}
}

chronos = new Timer(1000,5);
chronos.addEventListener(TimerEvent.TIMER, timerListener);
chronos.start();

Image Loader
Hi,

I'm using a french massload images script :

ActionScript Code:
MovieClip.prototype.traceRectangle=function(xPos,yPos,width,height,fillColor,lineColor,alpha){
this.beginFill(fillColor,alpha);
this.lineStyle(1,lineColor,alpha);
this.moveTo(xPos,yPos);
this.lineTo(xPos+width,yPos);
this.lineTo(xPos+width,yPos+height);
this.lineTo(xPos,yPos+height);
this.lineTo(xPos,yPos);
this.endFill();
}

MovieClip.prototype.setPreloader=function(obj){
this._y=100;
this._x=200;
this.traceRectangle(0,0,180,20,0xcccccc,0x000000,100);
this.createEmptyMovieClip("barre",1);
this.barre._x=5;
this.barre._y=5;
this.barre.percent=0;
this.createTextField("message",2,110,0,180,20);
this.message.text="chargement..."
this.onEnterFrame = function() {
this.barre.clear();
this.barre.traceRectangle(0,0,100*this.barre.percent,10,0x000000,0x000000,100);
this.barre.percent=obj.getBytesLoaded()/obj.getBytesTotal();
   //Pour afficher dans le champ de texte un message :
   //'23 ko (10%) de 230 ko téléchargés'
   //au lieu de 'chargement...' , enlevez les commentaires autour de la ligne ci-dessous:
   //*****************************************************************
   this.message.text=Math.ceil(obj.getBytesLoaded()/1024)+" ko ("+Math.ceil(100*this.barre.percent) +"%) de "+Math.ceil(obj.getBytesTotal()/1024)+"ko téléchargés";
   //*****************************************************************/
if (this.barre.percent>=0.99&&!isNaN(this.barre.percent)) {
if(this._parent.massLoadWorking!=undefined)
this._parent.massLoadWorking=false;
this.removeMovieClip();
}
}
}

MovieClip.prototype.loadFile=function(obj){
/*
** la variable en parametre est un objet du type:
** {type:a,file:b,newName:c,level:d}
*/
var type=obj.type;
var file=obj.file;
var newName = obj.newName;
var level = obj.level;
this.createEmptyMovieClip("control",(level+1));

if(type=="movieClip"||type=="image"){
this.createEmptyMovieClip(newName,level);
this[newName].loadMovie(file);
}
if(type=="loadVars"){
this[newName]= new loadVars();
this[newName].sendAndLoad(file);
}
if(type=="xml"){
this[newName]= new XML();
this[newName].load(file);
}
this.control.setPreloader(this[newName]);
}

MovieClip.prototype.massLoad = function(objects){
/*
** les variables en parametre sont des objets du type:
** {type:a,file:b,newName:c,level:d}
*/
this.massLoadWorking=false;
this.massLoadList=new Array();
for(var i=0;i<arguments.length;i++)
this.massLoadList.push(arguments[i]);

this.onEnterFrame=function(){
if(!this.massLoadWorking&&this.massLoadList.length>0){
this.massLoadList.reverse();
this.loadFile(this.massLoadList.pop());
this.massLoadList.reverse();
this.massLoadWorking=true;
}
}
}

Usage :

ActionScript Code:
_root.createEmptyMovieClip("data",1);
racine="http://www.your_web_site.com/";
file1={type:"image",file:racine+"img_01.jpg",newName:"texture_1",level:1};
file2={type:"image",file:racine+"img_02.jpg",newName:"texture_2",level:2};
file3={type:"image",file:racine+"img_03.jpg",newName:"texture_3",level:3};
file4={type:"image",file:racine+"img_04.jpg",newName:"texture_4",level:4};
file5={type:"image",file:racine+"img_05.jpg",newName:"texture_5",level:5};
file6={type:"image",file:racine+"img_06.jpg",newName:"texture_6",level:6};

_root.data.massLoad(file1,file2,file3,file4,file5,file6);
//_root.data.massLoadList.push(file3);

But I would like to add a function that :
when the first image is loaded, have an alpha from 1 to 99 on this image,
when the second image is loaded, have an alpha from 1 to 99 on this image,
... and the same way for all images

I will appreciate your help on how and where to put this alpha function...
Thanks

Image Loader?
Hi, I've been looking at http://www.2advanced.com/'s site, and i find their image loadings very neat. (The pictures under Portfolio)

And I just wonder if there's any tutorial about that, because Im building a flash/html site and I need somekind of image loading :) I hope you know what I mean.. :roll:

Image Pre Loader/Bytes?
Hi every one and thanx for your help

I am working on a photogallery and need to have a pre loader that displays the status of the load when the image loads into the blank movie clip in flash. I have done this in flash 5, fine when loading in a nother swf file using getBytesLoaded and getBytesTotal and that is how I have been trying to do it with a jpg file that I am loading in but it only seams to return the bytes of the blank movie clip that I am loading the image into and not the bytes of the jpg file. any sugestions would be great.

thanx dave
[Edited by daj on 08-21-2002 at 02:55 PM]

Image Loader - Alternative Way Of Doing THIS...
ive got a dynamic image loader for jps which loads 10 in sequence using...

loadPercent = (Math.floor(_root.image.pic01.getBytesLoaded()/_root.image.pic01.getBytesTotal()*100)+"%");
if (_root.image.pic01.getBytesLoaded() == _root.image.pic01.getBytesTotal()) {
loadPercent = "100%";
loadBytes = (Math.round((_root.image.pic01.getBytesLoaded()/1024)*1000)/1000+" Kb of "+Math.round((_root.image.pic01.getBytesTotal( )/1024)*1000)/1000+" Kb total Loaded.");
gotoAndPlay("play01");
}

and an action on the next frame to create a loop...

gotoAndPlay("load01");

this works fine on internet explorer but ive tested it on a few others like mozilla and ie on the mac and it just skips the loading, i think its to do with the GotoandPlay part just being used.

is there any other way to do this? so it dosent just skip them?

Looking For Random Image Loader
hi list,

I currently have a main.swf, and I want to load random external image's. So everytime my page is refresh or a new page is load I want a new image to be loaded. I do not have any advanced skills in flash (yet ) So I'm looking for a fla-file which contains all the above. Anyone knows a location where i could find one (have been searching now for hours without success) or send me one by mail (chris@3rdmillennium.nl)

thx inadvanced (my deadline clock is ticking away AAARRRGGHHH)

crz

Dynamic Image Loader
I want to make a dynamic image box about 100px by 100px that cycles through a set of jpegs at random, with the image changing every few seconds. Has anyone got any ideas where I can start, I have got a brief idea of how this could be put together but do not know enough about Actionscript yet to put it into action

Cheers

Studentmonster

Dynamic Image Loader
hi,
how do i load images dynamicly to swf?

Dynamic Image Loader
I want to load 15 external swf's/images into blank mc's (I want all blank MC's to have _alpha=0). I want the blank mc's to be created dynamically and when all the swf's are done loading I want it to set var loadstatus = "complete". I would then have an onEnterFrame event that does something when var loadstatus = "complete"

If someone could let me know what code I need to do this then that would be really great! Thanks!

PS. Would it be at all possible to have a smooth preload bar that increases its width smoothly according to (total bytes loaded)/(total size of all 15 swf's)? I'm thinking it wouldnt because if all the images are cached then the bar would just jump up 1/15 width after each image is loaded, instead of moving slowely.

Urgent Image Pre Loader Help Please
Hi there guys,

I have a small problem that I know someone out there will be able to help me with and I would be really greatful!

I am completing a company website and they require a picture gallery which basically loads one image in, holds the image on the screen while another one loads and then the next one overlaps that one and so on...

I have seen this type of effect on photography sites and was wanting to apply that type of pre loading situation on the companys site....

At the moment I just have a pre loader right at the start of the file which loads in all the data and then proceeds with the image gallery...

Please find attached the fla.......

Thanks for your help in advance...

Nick

Random Image Loader With AS2?
Hey all !

just wondering ... is it possible to script an array/function/function call to display a random bit map using AS2? I have a site I'm designing that's using photos as a background. I have two photos and the thing is they're equally great, so I thought I would have one of either of them display randomly when the user gets to the site or refreshes or even navigates the site (all in Flash).

I've used similar functions in JavaScript, so I thought it would be logical that the same result could be achieved in Flash ... thoughts?

Thanks in advance !

Xenon.

Image Loader Looking Funny
I am sure this is easy to resolve. i have in image loader center stage of my root swf. Each gallery is an external swf file. Click on a thumb from a gallery, and the image loads to the root image loader. The problem: when i test the movie, the image holder is a big white rectangle on the stage, exactly where it was placed. But when i try the bandwidth profiler, it looks great (invisible until an image is selected).

And online.....it looks like the test...big white rectangle....what basic thing in flash am i missing.

thanks all, you rock, as always

Dynamic Image Loader
well i am in a crunch for time...really hope somebody out there can help me out with this. I have read way to many posts about loading images dynamically and some of the code gets me going in the right direction but...inevitably it fails for my specific task.

Here is the situation, and the things I need to make this work just right:

1. Need to load images dynamically from a folder structure

2. Need a preloader that appears each time a button is pressed to load a single image into a MC , preloader needs to include a bar graphic and a percentage left to load and the total size of each loading image. And once the image is fully loaded need for the preloader to vanish until the next time its used

3. Also i don't want the image to display until a certain time...basically because the client has vertical as well as horizontal images, so i created a tweened animation for the background menu that sits behind each image...and i want to make sure that the image isn't displaying even if it is finished downloading until the background menu has gotten to it resting place. It tweens from a vertical shape for displaying vertical images to a horizontal shape for displaying horizontal images. I have tried using actionscripted masking techniques to hide the image until the right time but haven't had much success

4. Just so you know each image is loaded from a button in a seperate MC. Each image has its own button to load it into the same MC.

Here is the break down for the scope of my movie.

The “fashion_Image_Viewer” MC..is two levels down from the _root..not _level but two MCs down if you know what i mean. The sub nav which contains the buttons for initiating images to load is one level down from the “fashion_Image_Viewer” and is called “subNav” . Here is a visual aid for ya.

_root
___+ Main_Image_Viewer
______+ fashion_Main
_________+ fashion_Image_Viewer - (this is where the image viewer sits)
______________+subNav (this is where the buttons sit that load each image)

I know this is alot to ask...but i am hopeing that an actionscripting master would find this really easy and could help me work through the code i need to get this finished and out the door.

One more thing....REALLY IMPORTANT....this needs to use Flash MX Actionscript 1 code not the newest 2004 player 7 code.

Any help is much appreciated

Benjamin

Trouble With Image Loader
I'm using a loader component in a screen/slide show presentation to show external jpegs images. This doesn't involve any code(and I don't need it to). I simply configure the loader component in the component inspector to load my jpeg file and it shows it. This works when I go to Test Movie, you can see all the loaded Jpegs. I also need to be able to circle letters and mark up different parts of the slide images from edit mode.

The problem is that I can't see the images in edit mode. The loader is not displaying images in the live preview edit mode. It used to work fine and I created my slide shows using this template I made with ease. But I stoped working on this project for a while, and now that I'm back to it the loader is acting screwy. If I can't see the images then a big portion of this project will not work because i need to be able to see the images in the loader while I edit.

Is there anything I may have done to disable the preview of the loader? Live preview is enabled. It doesn't seem to make a difference if it's in full preview mode or fast mode or not. Doesn't show up in any case. Please help, I'm going crazy here and can't continue my project.