Flash simple image gallery problem

Hello I have what I think is an easy problem to solve but I
can´t find a solution.
I´m creating an image gallery with thumbnails on the
right inside a symbol so that
they can all fade in at the same time, and the bigger images
on the left that also fade in.
I can only fit 8 thumbnail images at a time, and want to have
more than that.
So I´ll add an arrow below the thumbs so that when you
click on it, you can see the other thumbs.
I have the first 8 thumbs on the first frame of a symbol and
the rest on the second frame.
My problem is that the symbol that contains the thumbs is a
graphic symbol, so that the thumbs in it, that are button symbols
can be clicked on. I tried using button and movie clip symbols for
the thumbnails container but then the buttons (thumbs) can´t
be clicked any more.
That was not a problem till I had to add more than 8 thumbs,
cause i need to give the container an instance name, and graphic
symbols can´t have one.
Here is the link to download the .fla
www.ginkgo.com.uy/old/downloads/handheld_pink.fla
In case I didn´t make my self clear, what I need is to
know if there´s a way to have a movie clip or button symbol
that can have buttons in it that can be clicked on.
I hope I didn´t give you a headache.
Thanks a lot, Marcelo.

thanks.
that´s what i thought but, if i convert the container to
a button symbol the thumbs can´t be clicked anymore.
And if I convert the container to a movie clip like you
suggested, then if I click on any part of the container it
just goes to the second frame of the movie clip container, if
i click again it goes back to the first frame and so on.
But there is no action script for the container at all,
please try it out with the fla i uploaded.
i can´t figure it out.
thanks

Similar Messages

  • Simple Image Gallery for iWeb

    Hi there,
    Hoping someone can help. I've been searching high and low for an incredibly simple image web gallery generator. It simply has to have a larger image to the left and 3/4 smaller thumbnails to the right which, when clicked on, will appear in the bigger window. That's it! I don't want any text on it at all - just on a white background. The intention is to then upload the individual galleries of my work and use iFrames within my iWeb created website to point towards the galleries.
    Please can anyone help and point me in the direction of a good bit of software that will allow me to do this. I have no HTML experience to speak of.
    Thanks
    Sam

    Sam ~ This +"HTML Picture Viewer"+ would be easiest to implement using iWeb '08's +HTML Snippet+ window:
    http://web.mac.com/catucker/InsideOutside/PictureViewer.html
    ...it has the larger image to the right, but I suppose someone here could tell you how to reverse that. And the image changes not on a click of a thumbnail, but on mouseover.

  • Scrolling image gallery problems

    I am creating a scrolling image gallery using thumbnails.  I have 36 thumbnails that are 100 x 100 px.  I cannot figure out the x y coordinates to line up the images correctly.  They are overlapping.  I've put in the first x coordinate at 0 and the first image goes to the left, and that is fine, it is when I click the last image to put in a number, which I thought would be 36 x 100, they do not line up, they over lap.  Does anyone have a clue how to fix this?  I am working on this site for a very pushy client who wants it done NOW...Thanks,

    If you crerate a Sprite or Movieclip 3600 x 100 you can place then one after another on that container then you only have 1 object to place and scroll.

  • 5800 image gallery problem

    hi guys
    I recently bought 5800 and i have a question: why does image gallery show all pictures that's on memory card? even if they aren't in  picture folder, for example it shows all power mp3 skins, and they r stored in power mp3 directory.
    So if i decide to have some private pictures on memory card i cant it will be all shown in Images & Videos, its like phone scans my card and all that is picture file he put in gallery.
    thanks in advance !

    Have a look at this..
    /t5/Nseries-and-S60-Smartphones/Password-protect-a-folder-on-application-screen/td-p/645383
    --------------------------------------------------​--------------------------------------------------------​--------------------------------------------------​--If you find this helpful, pl. hit the White Star in Green Box...

  • Image Gallery, problems with Flash player 9 and Opera 9

    Hi, I'm developing a slideshow in flash (and php, JavaScript,
    XML).
    I'm coding in classes and AS2.
    I use the ExternalInterface class to communicate between
    swf's and html.
    The problem is that the Slideshow won't work properly in the
    Opera browser,
    it seems like it's working fine, but after a few click it
    stop responding.
    No problems in IE and FF.
    I've search and search to find a solution to this problem
    with no luck.
    I've put up an example of the slideshow here:
    http://www.coldminer.com/up/sw.php?thumbs=1
    The strange thing is that when I use really simplified
    versions of the code
    I'm using (with no externalInterface etc) it is working fine:
    http://www.coldminer.com/ftest/
    Anyone who have experienced similar problems, and can guide
    me to a solution.
    Opera version: 9.02 (8585)
    Flash player version: 9,0,16,0
    Thank you!
    ** Edit ->
    I found a solution, I replaced th ExternalInterface with the
    "Flash JavaScript Integration Kit",
    and all my problems with Opera was solved.

    Lo stesso problema ce l'ho io. Sembra che flash player 9 non
    riesca a leggere le versioni flash 5. Nell'installare un corso
    contenente flash 5 ho questo errore:
    Prodotto: Corso Multimediale per Photoshop 7 -- Errore 1904.
    Impossibile registrare il modulo C:\WINDOWS\system32\swflash.ocx.
    HRESULT -2147319780. Contattare il personale di supporto.

  • Table Image Gallery Problem - Stretching / Distortion

    I am using tables for making image galleries and they have worked fine up until my most recent gallery which has images of different orientations: 3 landscape-style images and 2 portrait-style.
    The first (and only) large image I inserted into the table was landscape-style, and the 3 images of this type work fine. I used the 'Swap Image' behavior for each of the thumbnails I have below the large image. The problem is that the portrait-style images get stretched / distorted horizontally to fit the same dimensions as the landscape-style images.
    I've tried looking at the code to modify dimensions of the images but there are only dimensions for the 1st/only large image. I've also tried lengthening the height of the container div and the div inside it which contains the table gallery, but this did not fix my issue.
    I am somewhat new to Dreamweaver so this may be sort of a beginner's question, but I am hoping someone might help me to figure out how to make the portrait-style images be their original size and not stretched / distorted.
    If necessary I can provide the code and try to provide more info.
    Thanks!

    I played around with the code some more and changed both the height and width of the (ID: #large) image to "auto" which seems to have fixed the stretching and distortion.
    However, if possible, I'd still like to be able to center the portrait-style images in the table. Does anyone know how to do that?
    The updated page is visible here: http://www.csulb.edu/~mmccutch/misc2.html

  • XML image gallery problem

    Hi! I've builded this XML gallery, and suddenly Im getting an
    error when Im loading the pictures.
    Its only sometimes the error comes.
    TypeError: Error #2007: Parameter url must be non-null.
    at flash.display::Loader/_load()
    at flash.display::Loader/load()
    at imageviewer_xml_subcats_fla::MainTimeline/allLoadXML()
    at
    imageviewer_xml_subcats_fla::MainTimeline/goForwardSorted()
    at imageviewer_xml_subcats_fla::MainTimeline/sortMe()
    Can anyone help me?
    Flash file incl XML
    imageview.fla

    I noticed two thing:
    1. I guess the error occurs when currentImage variable is out
    of range of sortedXML array. You, perhaps need to trace this var
    and see at what point the error happens.
    2. Unless I missed someting, It seems that you always load
    images. At some point you load images that are already loaded. It
    is inefficient. You, perhaps, better off reusing already loaded
    images.

  • External image gallery problem

    Hi,
    I'm getting a strange problem with my gallery which uses
    external images. The first time you open the page with the gallery
    on, all of the pictures are full size and overlap each other but
    then when you press refresh all the images shrink down to there
    inteded size and the gallery works perfectly. This seems very
    strange that it fixs itself. Anyone got any ideas?
    heres a link to some screen shots of the gallery breaking:
    http://www.atumstudios.com/test/error/
    Here is a link to the actual gallery page:
    Shriba Artware Gallery
    page

    Have a look at this..
    /t5/Nseries-and-S60-Smartphones/Password-protect-a-folder-on-application-screen/td-p/645383
    --------------------------------------------------​--------------------------------------------------------​--------------------------------------------------​--If you find this helpful, pl. hit the White Star in Green Box...

  • Simple image placement problem

    I just recnetly upgraded to Dreamweaver 8 and have a crazy
    problem that I don't understand. I'm unable to add picutres
    side-by-side. I don't quite understand what is happenening but when
    I try and add two images side by side it forces the other down
    below it. It doesn't matter how much space is availble or the size
    of the images. Right now I'm having to create tables to place them
    into but I think that is a terrible solution and I never had this
    issue with MX.
    Any help would be greatly appreciated.
    Jason

    <title>template1_2_02 copy.jpg</title>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    <style type="text/css">td img {display:
    block;}</style>
    Reckon that could be a factor in not being able to place them
    horizontally
    adjacent?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "jaysyn" <[email protected]> wrote in
    message
    news:e79eej$s07$[email protected]..
    >
    quote:
    Originally posted by:
    Newsgroup User
    > It's hard to say without seeing your page. Can you show
    us the code?
    >
    >
    > Here is a webpage I threw on the net real quick.
    > I create webpages by creating the template in Photoshop,
    slicing it in
    > fireworks and then finishing it in Dreamweaver. Using
    the CS2 and Studio 8
    > software.
    >
    > I noticed that if I just create a blank page in DW I can
    set them
    > side-by-side
    > but not after I bring in a page from fireworks. Like I
    said this process
    > has
    > never givene me this problem with v7 so any help would
    be appreciated.
    >
    >
    http://design.archerworks.com/images.htm
    << it isn't clean right now kind
    > of
    > just thrown out there for this example.
    >
    > Thanks,
    > Jason
    >
    >
    >

  • How to make a simple image gallery with click through?

    Hello,
    I'm wanting to make a webpage that showcases some images, very much like this one   :    http://www.steviedance.com/?page_id=3868#1
    I want button where you can click to the next image, and have only the next image load, not the whole page like the link above....
    Can this be done in dreamweaver? Or is this something do to in flash? What should I be seraching for when looking for a tutorial for this?
    Any help would be greatly appreciated
    Thanks !!
    Lucy

    If your read your Plug-in's documentation, they provide code examples on this page to get you started:
    http://slidesjs.com/#overview
    <!doctype html>
        <head>
            <title>Title</title>
            <style type="text/css" media="screen">
                .slides_container {
                    width:570px;
                    height:270px;
                .slides_container div {
                    width:570px;
                    height:270px;
                    display:block;
            </style>
            <script src="http://code.jquery.com/jquery-latest.min.js"></script>
            <script src="slides.js"></script>
            <script>
                $(function(){
                    $("#slides").slides();
            </script>
        </head>
        <body>
            <div id="slides">
                <div class="slides_container">
                    <div>
                        <img src="image1.jpg">
                    </div>
                    <div>
                        <img src="image2.jpg">
                    </div>
                    <div>
                        <img src="image3.jpg">
                    </div>
                    <div>
                        <img src="image4.jpg">
                    </div>
                </div>
            </div>
        </body>
    </html>
    Nancy O.

  • Simple Image Upload Problem

    Our users may add a logo to their content area. The logo is added as a file, and accessed from other pages using the technique described in the "Direct Access URL" online help.
    The portal defeats this strategy, however, since the direct access URL changes each time the item is modified. I can see exactly what is happening in wwv_things, and it's disturbing since it occurs whether one edits or one removes and replaces the item.
    What is the supported technique for accessing a folder item by name when the item name remains stable, but the file being accessed should change?

    Hi smith,
    Thanks for your reply.
    Some one told me to do something like this. I am getting square with red X. I have the images folder with code.gif file with in the ImageExample Class.
    import java.io.*;
    import javax.servlet.*;
    import javax.servlet.http.*;
    import java.sql.*;
    import javax.servlet.ServletException;
    public class ImageExample extends HttpServlet{
    public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException{
    res.setContentType("image/gif");
    PrintWriter pw = res.getWriter();
    pw.println("<html>");
    pw.println("<body>");
    pw.println("<img src=\"/images/code.gif\">");
    pw.println("</body>");
    pw.println("</html>");
    pw.close();

  • Flash Image Gallery load problem

    This a familiar problem that has been put up here a thousand
    times I'm sure but as yet I haven't been able to find a solution
    for it. I've put together a simple image gallery using Flash and an
    XML file. It works perfectly on my system but there are issues with
    the images loading properly when I put them onto my site. I know
    very little Flash, I've been using a pre-made gallery that I
    downloaded but since it works on my computer I assume I should be
    able to get it to work online too. The thumbnails for the file seem
    to work fine and the information from the XML file is obviously
    being accessed, however the main images are not loading. I've
    included all the code below (Actionscript, XML and the Web coding),
    if someone could help me before I put my fist through a wall that
    would be great:
    Actionscript
    stop();
    //specify the url where folder is located below (if
    applicable)
    toadd="";
    t = 0;
    l = 0;
    theside = 1;
    galxml = new XML();
    galxml.load(toadd+"flash/fashion/easy-xml-gallery-2.xml");
    galxml.ignoreWhite = true;
    galxml.onLoad = function(success) {
    if (success) {
    maxnum = galxml.firstChild.childNodes.length;
    for (n=0; n<maxnum; n++) {
    specs = galxml.firstChild.childNodes[n];
    //TEXT FOR SIDE NAV
    duplicateMovieClip(side.thumbs.thumbsb, "thumbs"+n, n);
    thumbclip = eval("side.thumbs.thumbs"+n);
    thumbclip._x = n*100;
    thumbclip.thetitle = specs.attributes.name;
    thumbclip.theurl = specs.attributes.theurl;
    thumbclip.thecaption = specs.attributes.caption;
    thumbclip.thenum = n+1;
    thumbclip._alpha = 100;
    loadMovie(toadd+"/flash/fashion/images/"+(n+1)+"b.jpg",
    thumbclip.thumbload.thumbload2);
    play();
    side.thumbs.thumbsb._visible = false;
    mainperc.onEnterFrame = function() {
    if (mainperc.perc<98) {
    mainperc._alpha += 5;
    mainperc.perc = Math.round(l/t*100);
    mainperc.perctext = mainperc.perc+"%";
    mainperc.ltext = "OF THUMBNAILS LOADED
    ("+Math.round(t/1024)+"kb)";
    if (mainperc.perc>98) {
    //mainperc._alpha -= 5;
    if (mainperc._alpha<-50) {
    delete mainperc.onEnterFrame;
    XML
    <gallery>
    <pic1 name="ONE">
    <pic2 name="TWO"/>
    <pic3 name="THREE"/>
    <pic4 name="FOUR"/>
    <pic5 name="FIVE"/>
    <pic6 name="SIX"/>
    <pic7 name="SEVEN"/>
    <pic8 name="EIGHT"/>
    <pic9 name="NINE"/>
    <pic10 name="TEN"/>
    </gallery>
    Webpage coding
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    <title>shorty designs</title>
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    body {
    margin-left: 0px;
    margin-top: 0px;
    background-image: url(images/fashion_back.gif);
    background-repeat: no-repeat;
    a:hover {
    color: #999999;
    text-decoration: none;
    .Sections {
    color: #333333;
    font-weight: bold;
    #wrapper {
    background-color: #FFFFFF;
    padding: 10px;
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    .section_reg {
    color: #333333;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: large;
    padding-left: 10px;
    .contact {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: large;
    color: #333333;
    background-color: #FFFFFF;
    width: 400px;
    padding-left: 22px;
    text-align: right;
    .section_back {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: large;
    color: #FFFFFF;
    background-color: #000000;
    width: 135px;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-position: center center;
    vertical-align: middle;
    height: auto;
    .style2 {color: #F0F0F0}
    a:link {
    text-decoration: none;
    color: #333333;
    a:visited {
    text-decoration: none;
    color: #333333;
    a:active {
    text-decoration: none;
    -->
    </style>
    <script src="Scripts/AC_RunActiveContent.js"
    type="text/javascript"></script>
    </head>
    <body>
    <div id="wrapper">
    <p class="Sections"><img src="images/version5.jpg"
    alt="shorty logo" width="166" height="85" /><span
    class="contact">Contact by email:
    [email protected]</span></p>
    <p class="Sections">
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','536','height','518','align','right','src','/flash/fashion/fashion','quality','high',' pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shockwa veFlash','movie','/flash/fashion/fashion'
    ); //end AC code
    </script>
    <noscript>
    <object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
    width="536" height="518" align="right">
    <param name="movie" value="/flash/fashion/fashion.swf"
    />
    <param name="quality" value="high" />
    <embed src="/flash/fashion/fashion.swf" width="536"
    height="518" align="right" quality="high" pluginspage="
    http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
    type="application/x-shockwave-flash"></embed>
    </object>
    </noscript>
    </p>
    <p class="section_back">Fashion</p>
    <p class="section_reg"><a
    href="travel.html">Travel</a></p>
    <p class="section_reg"><a
    href="wedding.html">Wedding</a></p>
    <p class="section_reg"><a
    href="layout.html">Layout</a></p>
    <p class="section_reg"><a
    href="personal.html">Personal</a></p>
    </div>
    </body>
    </html>

    Yep, these are the directions:
    this is very easy to update. You only need to edit the simple
    xml file and add images to the images folder.
    step 1.
    add as many images as you like at the size 536 x 403
    step 2.
    create thumbnails for the above images at size 100x75
    step 3.
    update the xml file with the name url and caption for each
    image. (to take the url off just click through to the button on the
    main picture and delete the script that says getURL(theurl)
    step 4.
    open flash file and change the 'toadd' variable to the folder
    where the flash file and image folder is located on your site.
    thats it done.
    The frustrating thing now is that the files are finally being
    found but the thumbnail function has decided to mess up.

  • Image Gallery Issue in As3

    Hi,
         I am trying to implement a simple image gallery with alpha transition using as3.  But an issue is occuring with this. After each image alpha transition, the stage becomes blank. The code i have used for image Gallery is following.CAn anybody help me. I am trying this for a week. but still i have a hope for make this working. So please help me.
    import flash.display.Loader;
    import flash.display.*;
    import gs.TweenLite;
    const TIMER_DELAY = 2000;
    var totImages:Number;
    var index:Number = 0;
    var imgArr:Array = new Array();
    var currentContainer:MovieClip = holder0;
    currentContainer.alpha = 0;
    var transTimer:Timer = new Timer(TIMER_DELAY);
    //transTimer.addEventListener(TimerEvent.TIMER, startTransition);
    var imgLoader:Loader = new Loader();
    var myXML:XML = new XML();
    var XML_URL:String = "images.xml";
    var myXMLURL:URLRequest = new URLRequest(XML_URL);
    var myLoader:URLLoader = new URLLoader(myXMLURL);
    myLoader.addEventListener("complete", xmlLoaded);
    function xmlLoaded(event:Event):void{
        myXML = XML(myLoader.data);
        processXML(myXML);
    function processXML(xml){   
        totImages = xml.children().length();
        for(var i=0;i<totImages;i++){
            var tempVar = xml..item[i]..image;
            imgArr.push(tempVar);
        //transTimer.start();
        currentContainer = holder0;
        loadImage();
    function loadImage(){
        var url = imgArr[index];
        //ImgLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgressStatus);
        imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, fadeInImg);   
        var fileRequest:URLRequest = new URLRequest(url);
        imgLoader.load(fileRequest);
        currentContainer.addChild(imgLoader);
    function fadeInImg(e:Event){
        TweenLite.to(currentContainer,3,{alpha:1,delay:2,onComplete:switchClip});
    function switchClip(){
        if(index < totImages){
            index++;
        } else {
            index = 0;
        if(currentContainer == holder0){
            currentContainer = holder1;
        } else {
            currentContainer = holder0;
        currentContainer.alpha = 0;
        MovieClip(this.root).swapChildren(holder0, holder1);   
        loadImage();
    Thanks and Regards,
                         Sreelash

    Hi Adrei, I have implemented the thumbnail button also. Its working but the problem is that thumbnail buttons and controls are placing behind the image container. How can i place the thumbnail buttons and control buttons over the image. You can view the result in the following url:
    http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test/scrllGallAnd.html
    The working swf is with the following url:
    http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test/scrllGall.html
    The code that i used for creating thumbnail is following
    import flash.display.DisplayObject;
    import flash.display.*;
    import flash.display.Loader;
    import flash.events.MouseEvent;
    import flash.events.Event;
    import flash.events.TimerEvent;
    import flash.text.*;
    import flash.net.*;
    import flash.utils.Timer;
    import gs.TweenLite;
    import gs.easing.*;
    var xmlURL:String = "http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test1/images.xml";
    var loadedImages:Array = [];
    var imageURLs:Array = [];
    var thumbArr:Array = [];
    var imageLoader:Loader;
    var prevImage:DisplayObject;
    var currentImage:DisplayObject;
    var thumbContainer:MovieClip;
    var currThumb:MovieClip;
    var prevThumb:MovieClip = null;
    var showTimer:Timer;
    var timerDuration:int = 5000;
    var tweenDuration:int = 2;
    var currentIndex:int = 0;
    var activIndx:Number = 0;
    var slidesHolder:Sprite;
    var prvFlag:Boolean = false;
    var nxtFlag:Boolean = false;
    var twnFlag:Boolean = false;
    var rt_lt_Flag:Boolean = true;
    var myXMLURL:URLRequest = new URLRequest(xmlURL);
    var xmlLoader:URLLoader = new URLLoader(myXMLURL);
    xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
    xmlLoader.load(myXMLURL);
    var a:int = 90;
    ctrlBox.btnPlay.buttonMode = true;
    ctrlBox.nextImg.buttonMode = true;
    ctrlBox.prevBtn.buttonMode = true;
    ctrlBox.btnPause.buttonMode = true;
    ctrlBox.btnPlay.visible = false;
    ctrlBox.btnPause.addEventListener(MouseEvent.CLICK,stopScroll);
    ctrlBox.btnPlay.addEventListener(MouseEvent.CLICK,startScroll);
    ctrlBox.nextImg.addEventListener(MouseEvent.CLICK,shwNext);
    ctrlBox.prevBtn.addEventListener(MouseEvent.CLICK,shwPrev);
    function xmlLoaded(e:Event):void {
         var a:int = 45;
         e.target.removeEventListener(Event.COMPLETE, xmlLoaded);
         processXML(XML(e.target.data));
    function processXML(xml:XML):void {
         var len:int = xml.children().length();
         var tempVar:String;
         for (var i:int = 0; i < len; i++) {
              tempVar = "http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test1/" + xml..item[i]..image;
              //trace(tempVar)
              imageURLs.push(tempVar);
         preload();
         createThumbs();
    function createThumbs():void{
        thumbContainer = new MovieClip();
        addChild(thumbContainer);
        for(var i:int=0;i<9;i++){
            var thmbHolder:MovieClip = new MovieClip();
            thumbContainer.addChild(thmbHolder);
            //MovieClip(this.root).swapChildren(currentImage, ctrlBox);
            thmbHolder.buttonMode = true;       
            var thmb:thumbClass = new thumbClass();           
            thmbHolder.addChild(thmb);
            thumbArr.push(thmbHolder);
            thmbHolder.name = i.toString();       
            thmb.imgNum.text = (i+1).toString();       
            thmbHolder.addEventListener(MouseEvent.CLICK,showImage)
            //trace(thmb.imgNum.text)
            thmbHolder.x = i*(thmbHolder.width+5)+5;
        thumbContainer.y = stage.stageHeight - thumbContainer.height;
    function showImage(e:MouseEvent):void{   
        var imgIndx:Number = e.target.parent.parent.name;
        prevThumb = currThumb;
        currThumb = e.target.parent.parent;
        currThumb.buttonMode = false;
        if(activIndx != imgIndx){
            prevThumb.buttonMode = true;
            currentIndex = imgIndx-1;
            shwNext(null);   
            activIndx = imgIndx;
        } else {
            stopScroll(null);
    function preload():void{
         var len:int = imageURLs.length;
         for (var i:int = 0; i < len; i++) {
              imageLoader = new Loader();
              imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onPreloadComplete);
              loadedImages.push(imageLoader);
              imageLoader.load(new URLRequest(imageURLs[i]));
    function onPreloadComplete(e:Event):void {
         e.target.removeEventListener(Event.COMPLETE, onPreloadComplete);
         if (!showTimer && loadedImages[0].content &&   loadedImages[1].content ) startShow();
    function startShow():void{
         currentImage = loadedImages[0];
         currentImage.alpha = 0;
         slidesHolder = new Sprite();
         var slideMask:Sprite = new Sprite();
         var gr:Graphics = slideMask.graphics;
         gr.beginFill(0xff0000);
         gr.drawRect(0, 0, currentImage.width, currentImage.height);
         gr.endFill();
         addChild(slidesHolder);
         addChild(slideMask);
         slidesHolder.x = slideMask.x = 0;
         slidesHolder.y = slideMask.y = 0;
         slidesHolder.mask = slideMask;
         slidesHolder.addChild(currentImage);
         TweenLite.to(currentImage, 10, { alpha: 1 } );
         showTimer = new Timer(timerDuration);
         showTimer.addEventListener(TimerEvent.TIMER, slideTransition);
         showTimer.start();
    function slideTransition(e:TimerEvent):void{
         var nextImage:int;
         if(rt_lt_Flag == true){
             if(nxtFlag == true){
                 showTimer.stop();
                 nxtFlag = false;
             nextImage = currentIndex < loadedImages.length - 1 ? currentIndex + 1 : 0;
             if (loadedImages[nextImage].content) {
                  currentIndex = nextImage;
                  loadedImages[currentIndex].x = slidesHolder.width;
                  slidesHolder.addChildAt(loadedImages[currentIndex], slidesHolder.getChildIndex(currentImage));
                  prevImage = currentImage;
                  currentImage = loadedImages[currentIndex];
                  showCurrent();
         } else {
             if(prvFlag == true){
                 showTimer.stop();
                 prvFlag = false;
             nextImage = currentIndex > 0 ? currentIndex - 1 : loadedImages.length - 1;
             if (loadedImages[nextImage].content) {
                 currentIndex = nextImage;
                 loadedImages[currentIndex].x = -(stage.stageWidth);
                 slidesHolder.addChildAt(loadedImages[currentIndex], slidesHolder.getChildIndex(currentImage));
                 prevImage = currentImage;
                 currentImage = loadedImages[currentIndex];
                 showCurrent();
         activIndx = currentIndex;
         //trace(currentIndex)
    function showCurrent():void{
         // make sure they have proper alphas
         //prevImage.alpha = 1;
         //currentImage.alpha = 0;
         //TweenLite.to(prevImage, tweenDuration, { x: -slidesHolder.width } );
         twnFlag = true;
         if(rt_lt_Flag == true){
             TweenLite.to(currentImage, tweenDuration, { x: 0, onUpdate:onTweenProgress, onComplete: removePrevious } );
         } else {
             TweenLite.to(currentImage, tweenDuration, { x: 0, onUpdate:onTweenProgress, onComplete: removePrevious } );
    function onTweenProgress():void{       
        if(rt_lt_Flag == true){
             prevImage.x = currentImage.x - prevImage.width;   
        } else {
            prevImage.x = currentImage.x + prevImage.width;
    function removePrevious():void {
         if (slidesHolder.contains(prevImage)) slidesHolder.removeChild(prevImage);
         twnFlag = false;
    function stopScroll(e:MouseEvent):void{
        ctrlBox.btnPlay.visible = true;
        ctrlBox.btnPause.visible = false;
        showTimer.stop();
    function startScroll(e:MouseEvent):void{
        rt_lt_Flag = true;
        ctrlBox.btnPlay.visible = false;
        ctrlBox.btnPause.visible = true;
        resetListener(timerDuration=5000,tweenDuration=2)
    function shwNext(e:MouseEvent):void{
        if(twnFlag == false){
            rt_lt_Flag = true;
            stopScroll(null);
            nxtFlag = true;
            resetListener(timerDuration=0,tweenDuration=1)
    function shwPrev(e:MouseEvent):void{
        if(twnFlag == false){
            rt_lt_Flag = false;
            stopScroll(null);
            prvFlag = true;
            resetListener(timerDuration=0,tweenDuration=1)
    function resetListener(timerDuration,tweenDuration){
            showTimer.removeEventListener(TimerEvent.TIMER, slideTransition);
            showTimer = new Timer(timerDuration);
            showTimer.addEventListener(TimerEvent.TIMER, slideTransition);   
            showTimer.start();
    Can you help me on how can i swap the depth of images and control buttons.
    Thanks and regards,
    Sreelash

  • Need Help With Image Gallery

    Hey all, I need a simple image gallery to load when you click a button.  I've tried shadowbox but have had absolutely zero luck. I'm not sure how to load it from a flash file and I know there is work that has to be done outside of flash like in the root folder. All I need is  for a simple image gallery, nothing fancy, to open when I hit a button. If anyone could explain how to use shadowbox in lamens terms or knows how to easily script a gallery that would be amazing.

    What script version is your target? AS2 or AS3

  • User-managed image gallery in template-based html site?

    I've created a simple, template-based html/css site for a client and they've asked for a set of sales pages for their vans and cars.  The idea is that there'll be an entry page, which has an itemised list (thumbnail pic, title and a couple of sentences), which then links to individual template-based pages on which the full information is listed.
    So far I've given the client a copy of Macromedia Contribute.  No problems there.  However, it would be great to have a relatively simple image gallery which will display up to, say, 10 pix.
    The problem is that without a complex back-end CMS, I need to find a user-friendly (ie, not technical) gallery system which I can either embed into the template, or set up so it can be easily added to a page.
    Am I being overly optimistic here, or is there an option (ideally free, of course!) which someone can recommend?  My ideal is something that could be accessed and updated through Contribute, but if there's a standalone app which can do it once the page has been created in Contribute, that would be fine.
    Thanks in advance.
    Trent

    I've created a simple, template-based html/css site for a client and they've asked for a set of sales pages for their vans and cars.  The idea is that there'll be an entry page, which has an itemised list (thumbnail pic, title and a couple of sentences), which then links to individual template-based pages on which the full information is listed.
    So far I've given the client a copy of Macromedia Contribute.  No problems there.  However, it would be great to have a relatively simple image gallery which will display up to, say, 10 pix.
    The problem is that without a complex back-end CMS, I need to find a user-friendly (ie, not technical) gallery system which I can either embed into the template, or set up so it can be easily added to a page.
    Am I being overly optimistic here, or is there an option (ideally free, of course!) which someone can recommend?  My ideal is something that could be accessed and updated through Contribute, but if there's a standalone app which can do it once the page has been created in Contribute, that would be fine.
    Thanks in advance.
    Trent

Maybe you are looking for