Horizontal XML Image Scroller

Very useful file , and you could add “autoScrolling” option…

Top Class 10/10 Great Work.

I think you need to update the code so that if you click and drag off the scroll bar it stops scrolling. Not sure if you can do that though, Seems like you have it set to stop dragging on release. Need it to stop dragging when mouse leaves the bar I think? If you scroll the mouse passed the container, then when you release mouse button and move mouse over preview again it still thinks its scrolling?

I think problem in setInterval function, You need to create onEnterFrame function, and delete it when tween is Finished!!!!

NIce Job!!!!!!!!!

i’ll check that up…tks guys

Hi I want to use this for my portfolio on my website. Can I insert my images as buttons so you are able to click on them individually to view larger? Thanks EP

to eileenpreston… sorry but this is comming on v2

Hi, is it possible to have variable image widths with the same height?

Can this scroller work with just one large image? For exapmple one image that has a width of 5000 and it scrolls through the entire 5000 pixels? Thanks.

Hi, can i put some buttons on the left and right side, where the images ends ?? in that depends if i get that script or not.

nice, i will get this today thanks a lot, i will forward you my changes lol

nice, i just bought it, i will work with this if i got a problem with the buttons i will send you a email, thanks a lot.

Heya trap.

im been working with your code, i did a huge modification, but i have a problem, i will try to explain,

i have 5 folders with images on each one, via php i get a xml code like this:

<?xml version=”1.0” encoding=”ISO-8859-1”?> -

and in the flash i have 5 buttons, that loads dynamically each images on the flash trough the buttons with this code:

btn_01_JB.onPress = function(){ unloadMovie(“contenedor”); } btn_01_JB.onRelease = function () { btn_01_JB.gotoAndStop(2); btn_02_M.gotoAndStop(1); btn_03_BS.gotoAndStop(1); btn_04_C.gotoAndStop(1); btn_05_A.gotoAndStop(1); btn_06_BP.gotoAndStop(1); btn_07_SE.gotoAndStop(1); btn_08_F.gotoAndStop(1); btn_09_E.gotoAndStop(1); btn_10_B.gotoAndStop(1); btn_presionado = “btn_01_JB”; GallXml.load(“XmlCreator.php?dir=folder1”); } btn_01_JB.onRollOver = function(){ btn_01_JB.gotoAndStop(2); } btn_01_JB.onRollOut = function(){ if(btn_presionado == “btn_01_JB”){ btn_01_JB.gotoAndStop(2); } else { btn_01_JB.gotoAndStop(1); } }

and the code for the AS.as file is this i will show you only the callImages function:

function callImages() { var largoTMP:Number = 0; _root.myImages_mc = _root.contenedor.createEmptyMovieClip(“myImages_mc”, _root.contenedor.getNextHighestDepth()); var myMCL:MovieClipLoader = new MovieClipLoader(); //—loader /* var mclListener:Object = new Object(); mclListener.onLoadStart = function(target_mc:MovieClip):Void { my_pb._visible=true; //trace(“loading: ” + target_mc._name); //my_pb.label = “loading: ” + target_mc._name; }; mclListener.onLoadProgress = function(target_mc:MovieClip, numBytesLoaded:Number, numBytesTotal:Number):Void { var pctLoaded:Number = Math.ceil(100 * (numBytesLoaded / numBytesTotal)); my_pb.setProgress(numBytesLoaded, numBytesTotal); //trace(pctLoaded); }; mclListener.onLoadComplete = function(target_mc:MovieClip, status:Number):Void { my_pb._visible=false; }; */ //—loader for (i=0; i<_root.myImagesTotal; i++) { imageURL = _root.myImages[i].attributes.url;//asi podemos poner los artributos del XML imageLargo = _root.myImages[i].attributes.largo;// otro ejemplo image_mc = _root.myImages_mc.createEmptyMovieClip(i, _root.myImages_mc.getNextHighestDepth()); image_mc._x = _root.largoTMP; myMCL.loadClip(imageURL,image_mc); _root.largoTMP = _root.largoTMP + int(imageLargo); } //myMCL.addListener(mclListener); }

the problem is when i click on a button, it loads the images of the folder selected, but if i click to fast in another button, it load the same folder of the first button clicked.

this is the page, just for testing.

http://www.capsula.com.mx/lucinda/ in the portfolio section.

Thanks.

hum the code is not viewed complet lol.

XML Code via php:

<?xml version="1.0" encoding="ISO-8859-1"?> 
- <gallery slidercolorline="0x00ccff" colorslider="0x00ccff">
  <image largo="503" url="portfolio/folder1/01.jpg" /> 
  <image largo="223" url="portfolio/folder1/02.jpg" /> 
  <image largo="223" url="portfolio/folder1/03.jpg" /> 
  </gallery>

btn_01_JB.onPress  = function(){
    unloadMovie("contenedor");
    }
btn_01_JB.onRelease = function () { 
    btn_01_JB.gotoAndStop(2);
    btn_02_M.gotoAndStop(1);
    btn_03_BS.gotoAndStop(1);
    btn_04_C.gotoAndStop(1);
    btn_05_A.gotoAndStop(1);
    btn_06_BP.gotoAndStop(1);
    btn_07_SE.gotoAndStop(1);
    btn_08_F.gotoAndStop(1);
    btn_09_E.gotoAndStop(1);
    btn_10_B.gotoAndStop(1);
    btn_presionado = "btn_01_JB";
    GallXml.load("XmlCreator.php?dir=folder1");
    }
btn_01_JB.onRollOver  = function(){
    btn_01_JB.gotoAndStop(2);
    }
btn_01_JB.onRollOut  = function(){
        if(btn_presionado == "btn_01_JB"){
            btn_01_JB.gotoAndStop(2);
        } else {
            btn_01_JB.gotoAndStop(1);
        }
}

Code for the AS.as file callImage function:

function callImages() {
    var largoTMP:Number = 0;
    _root.myImages_mc = _root.contenedor.createEmptyMovieClip("myImages_mc", _root.contenedor.getNextHighestDepth());
    var myMCL:MovieClipLoader = new MovieClipLoader();
    //-- loader
    /*
    var mclListener:Object = new Object();
    mclListener.onLoadStart = function(target_mc:MovieClip):Void {
    my_pb._visible=true;
        //trace("loading: " + target_mc._name);
        //my_pb.label = "loading: " + target_mc._name;
    };
    mclListener.onLoadProgress = function(target_mc:MovieClip, numBytesLoaded:Number, numBytesTotal:Number):Void {
    var pctLoaded:Number = Math.ceil(100 * (numBytesLoaded / numBytesTotal));
    my_pb.setProgress(numBytesLoaded, numBytesTotal);
    //trace(pctLoaded);
    };
    mclListener.onLoadComplete = function(target_mc:MovieClip, status:Number):Void {
    my_pb._visible=false;
    };
    */
    //-- loader
    for (i=0; i<_root.myImagesTotal; i++) {
        imageURL = _root.myImages[i].attributes.url;//asi podemos poner los artributos del XML
        imageLargo = _root.myImages[i].attributes.largo;// otro ejemplo
        image_mc = _root.myImages_mc.createEmptyMovieClip(i, _root.myImages_mc.getNextHighestDepth());
        image_mc._x = _root.largoTMP;
        myMCL.loadClip(imageURL,image_mc);
        _root.largoTMP = _root.largoTMP + int(imageLargo);
    }
    //myMCL.addListener(mclListener);
}