Results 1 to 3 of 3

Thread: Help with image map

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

    Default Help with image map

    Hi Guys

    I am a complete n00b needing help.

    I know what I want, just don't know how to do it.

    I have been using photoshop imageready and can now make a clickble map, but I need to make photo's change and was wondering if it can be done with 'mouseover' if so how do I do it.

    Many thanks

    here is my idea. http://www.spgc.org/website/test/hole1.html

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You can make any image change onmouseover.

    HTML Code:
    <img src="some.jpg" onmouseover="this.src='someother.jpg';" onmouseout="this.src='some.jpg';">
    But to do that with an image map, well it depends upon just what sort of effect you are going for. You could probably overlay a section of a map with a different image. You also should be able to set map coords outside of the main image and have other smaller images in those locations that could roll over.

    As an alternative to an image map - doesn't image ready also allow for slices? If so, these could be rollovers as well as links.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1

    As an alternative to an image map - doesn't image ready also allow for slices? If so, these could be rollovers as well as links.
    Hi Thanks, that is what I want. I will look at image ready now.

    when I mouseover the arrows I want the picture below to change relative to that arrow's picture. sort of a 'walkabout' over that hole.

    would I need to use frames? if not any directions would be appreciated.

    I looked in image ready and found this

    "Activates the image of the specified name when the user performs the action defined in the corresponding JavaScript code. (You must create JavaScript code and add it to the HTML file for the Web page in order for the Custom rollover option to function. See a JavaScript manual for more information.)"
    Last edited by BigKevster; 08-14-2006 at 10:02 AM.

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
  •