# Photo gallery problem

**URL:** <https://forum.kirupa.com/t/photo-gallery-problem/317580>\
**Category:** Uncategorized\
**Created:** [December 25, 2010, 11:32am UTC](https://forum.kirupa.com/t/photo-gallery-problem/317580 "2010-12-25T11:32:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![antonG](https://avatars.discourse-cdn.com/v4/letter/a/3ec8ea/32.png) [@antonG](https://forum.kirupa.com/u/antonG)\
**Post date:** [December 25, 2010, 11:32am UTC](https://forum.kirupa.com/t/photo-gallery-problem/317580/1 "2010-12-25T11:32:48Z")

</div>

Would really appreciate if someone can help.  
i made a photo gallery based on the photo gallery flash template. my problem is that it works fine on my pc but doesnt load the pictures once i run it on the web. the folders and files are all the same so i have no idea what the problem is?

> 

stop();  
import fl.data.DataProvider;  
import fl.events.ListEvent;  
import fl.transitions._;  
import fl.controls._;  
import flashx.textLayout.formats.TextLayoutFormat;  
import fl.text.TLFTextField;

// USER CONFIG SETTINGS =====  
var secondsDelay:Number = 20;  
var autoStart:Boolean = true;  
var transitionOn:Boolean = true; // true, false  
var transitionType:String = “PixelDissolve”; // Blinds, Fade, Fly, Iris, Photo, PixelDissolve, Rotate, Squeeze, Wipe, Zoom, Random  
var hardcodedXML:String ;  
switch (gallery\_count) {  
case 1:  
hardcodedXML = “\<photos\>\<image\>images1/image1.jpg\</image\>\<image\>images1/image2.jpg\</image\>\<image\>images1/image3.jpg\</image\>\<image\>images1/image4.jpg\</image\>\<image\>images1/image5.jpg\</image\>\<image\>images1/image6.jpg\</image\>\<image\>images1/image7.jpg\</image\>\<image\>images1/image8.jpg\</image\>\</photos\>”;  
break;  
case 2:  
hardcodedXML = “\<photos\>\<image\>images2/image1.jpg\</image\>\<image\>images2/image2.jpg\</image\>\<image\>images2/image3.jpg\</image\>\<image\>images2/image4.jpg\</image\>\<image\>images2/image5.jpg\</image\>\<image\>images2/image6.jpg\</image\>\</photos\>”;  
break;  
case 3:  
hardcodedXML = “\<photos\>\<image\>images3/image1.jpg\</image\>\<image\>images3/image2.jpg\</image\>\<image\>images3/image3.jpg\</image\>\<image\>images3/image4.jpg\</image\>\<image\>images3/image5.jpg\</image\>\<image\>images3/image6.jpg\</image\>\<image\>images3/image7.jpg\</image\>\<image\>images3/image8.jpg\</image\>\<image\>images3/image9.jpg\</image\>\<image\>images3/image10.jpg\</image\>\</photos\>”;  
break;  
case 4:  
hardcodedXML = “\<photos\>\<image\>images4/image1.jpg\</image\>\<image\>images4/image2.jpg\</image\>\<image\>images4/image3.jpg\</image\>\<image\>images4/image4.jpg\</image\>\<image\>images4/image5.jpg\</image\>\<image\>images4/image6.jpg\</image\>\<image\>images4/image7.jpg\</image\>\</photos\>”;  
break;  
case 5:  
hardcodedXML = “\<photos\>\<image\>images5/image1.jpg\</image\>\<image\>images5/image2.jpg\</image\>\<image\>images5/image3.jpg\</image\>\<image\>images5/image4.jpg\</image\>\<image\>images5/image5.jpg\</image\>\<image\>images5/image6.jpg\</image\>\<image\>images5/image7.jpg\</image\>\<image\>images5/image8.jpg\</image\>\</photos\>”;  
break;  
case 6:  
hardcodedXML = “\<photos\>\<image\>images6/image1.jpg\</image\>\<image\>images6/image2.jpg\</image\>\<image\>images6/image3.jpg\</image\>\<image\>images6/image4.jpg\</image\>\<image\>images6/image5.jpg\</image\>\<image\>images6/image6.jpg\</image\>\<image\>images6/image7.jpg\</image\>\<image\>images6/image8.jpg\</image\>\<image\>images6/image9.jpg\</image\>\</photos\>”;  
break;  
case 7:  
hardcodedXML = “\<photos\>\<image\>images7/image1.jpg\</image\>\<image\>images7/image2.jpg\</image\>\<image\>images7/image3.jpg\</image\>\<image\>images7/image4.jpg\</image\>\<image\>images7/image5.jpg\</image\>\<image\>images7/image6.jpg\</image\>\<image\>images7/image7.jpg\</image\>\<image\>images7/image8.jpg\</image\>\</photos\>”;  
break;  
case 8:  
hardcodedXML = “\<photos\>\<image\>images8/image1.jpg\</image\>\<image\>images8/image2.jpg\</image\>\<image\>images8/image3.jpg\</image\>\<image\>images8/image4.jpg\</image\>\<image\>images8/image5.jpg\</image\>\<image\>images8/image6.jpg\</image\>\<image\>images8/image7.jpg\</image\>\<image\>images8/image8.jpg\</image\>\</photos\>”;  
break;  
case 9:  
hardcodedXML = “\<photos\>\<image\>images9/image1.jpg\</image\>\<image\>images9/image2.jpg\</image\>\<image\>images9/image3.jpg\</image\>\<image\>images9/image4.jpg\</image\>\<image\>images9/image5.jpg\</image\>\</photos\>”;  
break;  
case 10:  
hardcodedXML = “\<photos\>\<image\>images10/image1.jpg\</image\>\<image\>images10/image2.jpg\</image\>\<image\>images10/image3.jpg\</image\>\<image\>images10/image4.jpg\</image\>\<image\>images10/image5.jpg\</image\>\</photos\>”;  
break;  
case 11:  
hardcodedXML = “\<photos\>\<image\>images11/image1.jpg\</image\>\<image\>images11/image2.jpg\</image\>\<image\>images11/image3.jpg\</image\>\<image\>images11/image4.jpg\</image\>\<image\>images11/image5.jpg\</image\>\<image\>images11/image6.jpg\</image\>\<image\>images11/image7.jpg\</image\>\</photos\>”;  
break;  
case 12:  
hardcodedXML = “\<photos\>\<image\>images12/image1.jpg\</image\>\<image\>images12/image2.jpg\</image\>\<image\>images12/image3.jpg\</image\>\<image\>images12/image4.jpg\</image\>\<image\>images12/image5.jpg\</image\>\<image\>images12/image6.jpg\</image\>\<image\>images12/image7.jpg\</image\>\<image\>images12/image8.jpg\</image\>\</photos\>”;  
break;  
case 13:  
hardcodedXML = “\<photos\>\<image\>images13/image1.jpg\</image\>\<image\>images13/image2.jpg\</image\>\<image\>images13/image3.jpg\</image\>\<image\>images13/image4.jpg\</image\>\<image\>images13/image5.jpg\</image\>\<image\>images13/image6.jpg\</image\>\<image\>images13/image7.jpg\</image\>\<image\>images13/image8.jpg\</image\>\<image\>images13/image9.jpg\</image\>\<image\>images13/image10.jpg\</image\>\</photos\>”;  
break;  
case 14:  
hardcodedXML = “\<photos\>\<image\>images14/image1.jpg\</image\>\<image\>images14/image2.jpg\</image\>\<image\>images14/image3.jpg\</image\>\<image\>images14/image4.jpg\</image\>\<image\>images14/image5.jpg\</image\>\</photos\>”;  
break;  
case 15:  
hardcodedXML = “\<photos\>\<image\>images15/image1.jpg\</image\>\<image\>images15/image2.jpg\</image\>\<image\>images15/image3.jpg\</image\>\<image\>images15/image4.jpg\</image\>\</photos\>”;  
break;  
case 16:  
hardcodedXML = “\<photos\>\<image\>images16/image1.jpg\</image\>\<image\>images16/image2.jpg\</image\>\<image\>images16/image3.jpg\</image\>\<image\>images16/image4.jpg\</image\>\<image\>images16/image5.jpg\</image\>\<image\>images16/image6.jpg\</image\>\<image\>images16/image7.jpg\</image\>\<image\>images16/image8.jpg\</image\>\<image\>images16/image9.jpg\</image\>\<image\>images16/image10.jpg\</image\>\</photos\>”;  
break;  
case 17:  
hardcodedXML = “\<photos\>\<image\>images17/image1.jpg\</image\>\<image\>images17/image2.jpg\</image\>\<image\>images17/image3.jpg\</image\>\<image\>images17/image4.jpg\</image\>\<image\>images17/image5.jpg\</image\>\<image\>images17/image6.jpg\</image\>\</photos\>”;  
break;  
case 18:  
hardcodedXML = “\<photos\>\<image\>images18/image1.jpg\</image\>\<image\>images18/image2.jpg\</image\>\<image\>images18/image3.jpg\</image\>\<image\>images18/image4.jpg\</image\>\<image\>images18/image5.jpg\</image\>\<image\>images18/image6.jpg\</image\>\<image\>images18/image7.jpg\</image\>\</photos\>”;  
break;  
case 19:  
hardcodedXML = “\<photos\>\<image\>images19/image1.jpg\</image\>\<image\>images19/image2.jpg\</image\>\<image\>images19/image3.jpg\</image\>\<image\>images19/image4.jpg\</image\>\<image\>images19/image5.jpg\</image\>\<image\>images19/image6.jpg\</image\>\<image\>images19/image7.jpg\</image\>\</photos\>”;  
break;  
case 20:  
hardcodedXML = “\<photos\>\<image\>images20/image1.jpg\</image\>\<image\>images20/image2.jpg\</image\>\<image\>images20/image3.jpg\</image\>\<image\>images20/image4.jpg\</image\>\<image\>images20/image5.jpg\</image\>\<image\>images20/image6.jpg\</image\>\<image\>images20/image7.jpg\</image\>\<image\>images20/image8.jpg\</image\>\<image\>images20/image9.jpg\</image\>\<image\>images20/image10.jpg\</image\>\</photos\>”;  
break;  
}

// END USER CONFIG SETTINGS

// DECLARE VARIABLES AND OBJECTS =====  
var imageList:XML = new XML();  
var currentImageID:Number = 0;  
var imageDP:DataProvider = new DataProvider();  
var slideshowTimer:Timer = new Timer((secondsDelay\*1000), 0);  
// END DECLARATIONS

// CODE FOR HARDCODED XML =====  
imageList = XML(hardcodedXML);  
fl\_parseImageXML(imageList);  
// END CODE FOR HARDCODED XML

// EVENTS =====  
imageTiles.addEventListener(ListEvent.ITEM\_CLICK, fl\_tileClickHandler);  
function fl\_tileClickHandler(evt:ListEvent):void  
{  
imageHolder.imageLoader.source = evt.item.source;  
currentImageID = evt.item.imgID;  
}  
playPauseToggle\_mc.addEventListener(MouseEvent.CLICK, fl\_togglePlayPause);  
function fl\_togglePlayPause(evt:MouseEvent):void  
{  
if(playPauseToggle\_mc.currentLabel == “play”)  
{  
fl\_startSlideShow();  
playPauseToggle\_mc.gotoAndStop(“pause”);  
}  
else if(playPauseToggle\_mc.currentLabel == “pause”)  
{  
fl\_pauseSlideShow();  
playPauseToggle\_mc.gotoAndStop(“play”);  
}  
}  
next\_btn.addEventListener(MouseEvent.CLICK, fl\_nextButtonClick);  
prev\_btn.addEventListener(MouseEvent.CLICK, fl\_prevButtonClick);  
function fl\_nextButtonClick(evt:MouseEvent):void  
{  
fl\_nextSlide();  
}  
function fl\_prevButtonClick(evt:MouseEvent):void  
{  
fl\_prevSlide();  
}  
slideshowTimer.addEventListener(TimerEvent.TIMER, fl\_slideShowNext);  
function fl\_slideShowNext(evt:TimerEvent):void  
{  
fl\_nextSlide();  
}  
// END EVENTS

// FUNCTIONS AND LOGIC =====  
function fl\_parseImageXML(imageXML:XML):void  
{  
var imagesNodes:XMLList = imageXML.children();  
for(var i in imagesNodes)  
{  
var imgURL:String = imagesNodes\*;  
var imgTitle:String = imagesNodes\*.attribute(“title”);  
imageDP.addItem({label:imgTitle, source:imgURL, imgID:i});  
}  
imageTiles.dataProvider = imageDP;  
imageHolder.imageLoader.source = imageDP.getItemAt(currentImageID).source;

}  
function fl\_startSlideShow():void  
{  
slideshowTimer.start();  
}  
function fl\_pauseSlideShow():void  
{  
slideshowTimer.stop();  
}  
function fl\_nextSlide():void  
{  
currentImageID++;  
if(currentImageID \>= imageDP.length)  
{  
currentImageID = 0;  
}  
if(transitionOn == true)  
{  
fl\_doTransition();  
}  
imageHolder.imageLoader.source = imageDP.getItemAt(currentImageID).source;

}  
function fl\_prevSlide():void  
{  
currentImageID–;  
if(currentImageID \< 0)  
{  
currentImageID = imageDP.length-1;  
}  
if(transitionOn == true)  
{  
fl\_doTransition();  
}  
imageHolder.imageLoader.source = imageDP.getItemAt(currentImageID).source;

}  
function fl\_doTransition():void  
{  
if(transitionType == “Blinds”)  
{  
TransitionManager.start(imageHolder, {type:Blinds, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Fade”)  
{  
TransitionManager.start(imageHolder, {type:Fade, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Fly”)  
{  
TransitionManager.start(imageHolder, {type:Fly, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Iris”)  
{  
TransitionManager.start(imageHolder, {type:Iris, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Photo”)  
{  
TransitionManager.start(imageHolder, {type:Photo, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “PixelDissolve”)  
{  
TransitionManager.start(imageHolder, {type:PixelDissolve, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Rotate”)  
{  
TransitionManager.start(imageHolder, {type:Rotate, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Squeeze”)  
{  
TransitionManager.start(imageHolder, {type:Squeeze, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Wipe”)  
{  
TransitionManager.start(imageHolder, {type:Wipe, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Zoom”)  
{  
TransitionManager.start(imageHolder, {type:Zoom, direction:Transition.IN, duration:0.25});  
} else if (transitionType == “Random”)  
{  
var randomNumber:Number = Math.round(Math.random()\*9) + 1;  
switch (randomNumber) {  
case 1:  
TransitionManager.start(imageHolder, {type:Blinds, direction:Transition.IN, duration:0.25});  
break;  
case 2:  
TransitionManager.start(imageHolder, {type:Fade, direction:Transition.IN, duration:0.25});  
break;  
case 3:  
TransitionManager.start(imageHolder, {type:Fly, direction:Transition.IN, duration:0.25});  
break;  
case 4:  
TransitionManager.start(imageHolder, {type:Iris, direction:Transition.IN, duration:0.25});  
break;  
case 5:  
TransitionManager.start(imageHolder, {type:Photo, direction:Transition.IN, duration:0.25});  
break;  
case 6:  
TransitionManager.start(imageHolder, {type:PixelDissolve, direction:Transition.IN, duration:0.25});  
break;  
case 7:  
TransitionManager.start(imageHolder, {type:Rotate, direction:Transition.IN, duration:0.25});  
break;  
case 8:  
TransitionManager.start(imageHolder, {type:Squeeze, direction:Transition.IN, duration:0.25});  
break;  
case 9:  
TransitionManager.start(imageHolder, {type:Wipe, direction:Transition.IN, duration:0.25});  
break;  
case 10:  
TransitionManager.start(imageHolder, {type:Zoom, direction:Transition.IN, duration:0.25});  
break;  
}  
} else  
{  
trace(“error - transitionType not recognized”);  
}  
}  
if(autoStart == false)  
{  
fl\_startSlideShow();  
playPauseToggle\_mc.gotoAndStop(“pause”);  
}  
// END FUNCTIONS AND LOGIC