image swap with links???

[msandersen]

http://www.geocities.com/kythca/gallery.html
Okay, i know how to do this with ImageReady, but that would create a very image heavy page which would take way long to load.

Is there a way to do this kind of thing with java script or dhtml??? And to make the image that's swapped (thumnail) be linkable to open up the full-sized image in a new window.

I have found a few scripts online (at dynamicdrive) to do this (not including the linking of the image) but none of them want to work for me, i keep getting error messages and asked if want to debugg.

Can anyone help me here??? Any advice would be much appriciated!

[QuietDean]

Hiya,

Our best bet is to get the examples you already have from dynamicdrive working.

How about posting the code that errors so we can see whats up?

[msandersen]

Okay... how bout this...

If i do this:

<tr> 
      <td width=200 bgcolor="#FFFFFF"><a href="angel1.jpg" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('wing_thumb','','images/thumbnails/angel1.jpg',1)">Melancholy Angel</a><br>
        <a href="angel2.jpg" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('wing_thumb','','images/thumbnails/angel2.jpg',1)">Angel Amanda</a><br>
        <a href="angel3.jpg" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('wing_thumb','','images/thumbnails/angelfaery.jpg',1)">Angel Attempt (3)</a><br>
      </td>
      <td width=200 bgcolor="#000000"> 
        <div align="center"><img src="images/thumbnails/thumbnail.jpg" width="150" height="150" name="wing_thumb"></div>
      </td>
    </tr>

But make the image swap happen onClick rather than MouseOver, is there a way to make each image that is swapped in on click a link (to open the pages by clicking the image rather than the description link)???

[QuietDean]

Hi,

your code does not include the MM_image functions, could you include all the code or a link?

[msandersen]

your code does not include the MM_image functions, could you include all the code or a link?

I'm not sure what MM_image functions are... I just copied this from my source code for the page i'm working on... I moslty used dreamweaver to do this page. And i don't really write script as much as edit it when i need to (and i have to mess around a bit before making it work).

I guess i haven't assigned any functions to the images (still not sure what those are, sorry)... I haven't attempted to link them yet, i wasn't sure if it's possible, and i haven't seen any obvious way to do it, so i haven't tried.

This is all the codei have.. I don't have any java script in the head (other than to preload the images) sorry.