Advanced Search

Results 1 to 3 of 3

Thread: Enlarge Multiple Images on Mouseover? Is is possible?

  1. #1
    Join Date
    Feb 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Enlarge Multiple Images on Mouseover? Is is possible?

    Hi all!

    I'm very very new at this but was hoping someone could please help me.

    I am building a webpage where I want images which I've got in a table to enlarge when a user mouses over them. So I found this great script, which is just dandy for the FIRST image:

    The script that works great for the first image on my page is: <img src="images/Products/extremecleannew.jpg" width=41 height=52 onmouseover="this.style.zoom='1000%'" onmouseout="this.style.zoom='normal'">

    So I do the same thing on the next image and it doesn't work! Am I missing something here or is is not supposed to work if you have more than one image on a page?

    Thanks in advance for any help to this newbie.
    Janet

  2. #2
    Join Date
    Sep 2004
    Location
    Johannesburg, South Africa
    Posts
    373
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi.. another way is to have a blank image in a layer/cell and swap images.

    Look at this link for an idea...

    http://www.davidgrantrealestate.co.za/cu.htm or
    http://www.cherrycreektrading.co.za/graphic.htm (scroll down and hit link sample graphics)
    Very Best Rgds, Simonf :cool:
    __________________________________
    My Site | E-Mail Me | RSA Search Engine

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    style.zoom is IE-only. Don't use it. The common method is to make the image element bigger or to put the image in another, larger, image element.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •