SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Image maps

  1. #1
    SitePoint Wizard subnet_rx's Avatar
    Join Date
    Aug 2001
    Location
    Hattiesburg, MS
    Posts
    1,085
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image maps

    if a div has a background image, can that image have an image map? if so, how do I put that in?

  2. #2
    SitePoint Addict
    Join Date
    May 2003
    Location
    Auckland
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't think that is possible.

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by subnet_rx
    if a div has a background image, can that image have an image map? if so, how do I put that in?
    If you need an image map, your image is then part of the page content and should be in an <img /> tag.

  4. #4
    eCommerce specialist hotnuts21's Avatar
    Join Date
    Apr 2002
    Location
    Aberystwyth, UK
    Posts
    1,355
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What I did was put together an image map in photoshop. Using the background image as the bottom layer. I then removed that layer(the background image) from the photoshop file and I had built the rest up in transparent layers. I then saved the imagemap. Which looked blank at this point as GIfs. Each hover was a transparent gif with just the hover area coloured. This meant I could get low file sizes. I then took the background image and put it in a div.
    It loads a hell of a lot faster than including the background image in all the slices.

    You can see it in action here
    http://www.100megs31.com/~rawrees/in...task=mapsearch
    I would be interested to know how fast it loads up for anyone on dial up.
    Search & Rescue Aberystwyth Lifeboat
    CSS Tutorials/Guides

    Sitepoint signatures are not visible to Search Engines More info


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
  •