Image Swap

[ctechguy]

I have a top frame with thumbnails and a lower frame name ="main" where i want the image to enlarge.

<a href="#" onMouseDown="MM_swapImage('main','','large pic address',0)"><img src="thumbnail pic address" name="Image1" width="130" height="97" border="0">

I left out my address for security reasons

Main is also the pic i'm replacing

How do i tell it what frame the pic to replace is:?

 

[Fork]

I suggest moving away from frames (as they can negatively effect search engine bots' ability to retrieve information from your page) and use a CSS image swap. Its much more widely compatible than JavaScript and wont hurt your ability to be spidered.

 

[PoorDoggie]

tryis:

<img src="thumbnail pic address" name="Image1" width="130" height="97" border="0" onMouseOver="other_image.src='BIG PICCY URL'" />
<br />
<img name="other_image" />

that should work

 

[ctechguy]

I didn't under stand what to do so i'll give u my code with my url this time.

<table width="100%"  border="0">
  <tr>
    <th scope="col"><a href="#" onMouseDown="MM_swapImage('main','','http://www.krugferd.net/users/ctechguy/pics/photogallery/pic1.jpg',0)"><img src="http://www.krugferd.net/users/ctechguy/pics/photogallery/tn/pic1.jpg" name="Image1" width="130" height="97" border="0"></a></th>
    <th scope="col"><a href="#" onMouseDown="MM_swapImage('main','','http://www.krugferd.net/users/ctechguy/pics/photogallery/pic2.jpg',0)"><img src="http://www.krugferd.net/users/ctechguy/pics/photogallery/tn/pic2.jpg" name="Image2" width="130" height="97" border="0"></a></th>
    <th scope="col"><a href="#" onMouseDown="MM_swapImage('main','','http://www.krugferd.net/users/ctechguy/pics/photogallery/pic3.jpg',0)"><img src="http://www.krugferd.net/users/ctechguy/pics/photogallery/tn/pic3.jpg" name="Image3" width="130" height="97" border="0"></a></th>
    <th scope="col"><a href="#" onMouseDown="MM_swapImage('main','','http://www.krugferd.net/users/ctechguy/pics/photogallery/pic4.jpg',0)"><img src="http://www.krugferd.net/users/ctechguy/pics/photogallery/tn/pic4.jpg" name="Image4" width="130" height="97" border="0"></a></th>
    <th scope="col"><a href="#" onMouseDown="MM_swapImage('main','','http://www.krugferd.net/users/ctechguy/pics/photogallery/pic5.jpg',0)"><img src="http://www.krugferd.net/users/ctechguy/pics/photogallery/tn/pic5.jpg" name="Image5" height="97" border="0"></a></th>
  </tr>
</table>

I'll conceder doing css image swap Shockt. Do u have any tutorials or examples of this?

 

[Fork]

Not for your exact needs but look around the internet:
http://www.google.com/search?q=css+image+swap

 

[PoorDoggie]

<table width="100%"  border="0">
  <tr>
    <th scope="col"><img src="http://www.krugferd.net/users/ctechguy/pics/photogallery/tn/pic1.jpg" name="Image1" width="130" height="97" border="0" onClick="main.src='http://www.krugferd.net/users/ctechguy/pics/photogallery/pic1.jpg'></th>
  </tr>
</table>

I can't be bothered to do the rest of the images, but you get the idea. Now instead of having an iframe (which I assume you have) change it to an image:

<img name="main">

that should work