4 Replies Latest reply on Jul 12, 2008 5:03 PM by Newsgroup_User

    Image zoom on rollover

    drennan
      Hi. Does anyone know how i can enlarge (zoom) a thumbnail image on rollover? The thumbnail is 20x20px and within a table. I want it to zoom to about 200x200 and overlap the other content so it doesn't throw out the alignment of the other cells. And then go back to 20x20 on rollout. Can I do this with javascript? I'm quite new to this btw. Thanks, Dren.
        • 1. Re: Image zoom on rollover
          Level 7
          You can do it with a modified Lightbox2 or Litebox script (Google them).

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "drennan_uk" <webforumsuser@macromedia.com> wrote in message
          news:g5b5df$ovt$1@forums.macromedia.com...
          > Hi. Does anyone know how i can enlarge (zoom) a thumbnail image on
          > rollover?
          > The thumbnail is 20x20px and within a table. I want it to zoom to about
          > 200x200 and overlap the other content so it doesn't throw out the
          > alignment of
          > the other cells. And then go back to 20x20 on rollout. Can I do this
          > with
          > javascript? I'm quite new to this btw. Thanks, Dren.
          >

          • 2. Re: Image zoom on rollover
            drennan Level 1
            thanks. I looked into lightbox but am looking for something more like this

            http://www.watergallery.net/custom-fountains.php

            rather than having to click to load the image. Any ideas on how to do this or is it complicated? Thanks, Dren
            • 3. Re: Image zoom on rollover
              drennan Level 1
              I worked it out in the end. I put in Ap Divs with the large image in and set them to hide as default, then set the thumbnail to show/hide them on rollover. this seems to work ok but please say if you can foresee any problems with this method as i'm still learning. Thanks
              • 4. Re: Image zoom on rollover
                Level 7
                That method would be fine for you, I think. There are drawbacks to it, but
                I think it will be OK.

                --
                Murray --- ICQ 71997575
                Adobe Community Expert
                (If you *MUST* email me, don't LAUGH when you do so!)
                ==================
                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                ==================


                "drennan_uk" <webforumsuser@macromedia.com> wrote in message
                news:g5bevh$4tj$1@forums.macromedia.com...
                >I worked it out in the end. I put in Ap Divs with the large image in and
                >set
                > them to hide as default, then set the thumbnail to show/hide them on
                > rollover.
                > this seems to work ok but please say if you can foresee any problems with
                > this
                > method as i'm still learning. Thanks
                >