2 Replies Latest reply on Jun 5, 2009 12:29 PM by jessm@n

    how to make expanding image gallery

    jessm@n

      I'd like to know how to create an image gallery of thumbnails where an image expands to full size when you roll over it.

       

      Here's an example:

       

      http://www.templatehelp.com/preset/pr_preview.php?i=24319&pr_code=v57S36YgBS8n4bGDUDF799Jz SWOT7S

       

      I've been googling the heck out of "lightbox," "expanding image gallery" to find a tutorial and can't find anything remotely resembling this. If anyone knows how to build this or what terms I should be using in my search I would appreciate it your help.

       

      Thanks!

        • 1. Re: how to make expanding image gallery
          Ned Murphy Adobe Community Professional & MVP

          The images are not expanding, they are stacked one atop another inside a movieclip and are being moved about on mouseover commands.  There may be a minorly elaborate scheme of deciding how pieces move where when, but I don't think a tutorial would have been written for it... though I could be wrong.  The implementation has a couple of flaws in that sometimes when you intend a particular image to be revealed, the motion of things causes another image to move under the mouse, and if you move your mouse off the left edge, the thing reverts to showing the far left image.

           

          Chances are you can design this using a bit of math logic and a coded tweens for moving things.

           

          Instead of using lightbox in your search, just try things like sliding image gallery

          • 2. Re: how to make expanding image gallery
            jessm@n Level 1

            Hi Ned,

             

            I'm going to need a little more info on what you mean by stacked together in a movie clip. I took a stab at this and first I tried having all the images on their own layer which wouldn't work and then making them all buttons and placing them all on the same layer and have different frame labels show you the different views but I get a lot of error messages about the code for my buttons not working. I don't know is the problem is a button laid over another button so I tried adding a button layer of transparent buttons and that didn't work either. The template says Flash 8 which what I have and am trying to use. Also no luck on searching "sliding image gallery" they are all full-size images that are replaced with full-sized vs. this dynamic looking expanding and contracting menu.

             

            I'd appreciate if you could tell me more specifically how you would build this movie clip. Thanks!