Image Swap

ctechguy · 06-23-2005, 06:16 PM

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 · 06-24-2005, 04:31 PM

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 · 06-24-2005, 05:23 PM

tryis:

Code:

<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 · 06-26-2005, 12:00 PM

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

HTML Code:

<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 · 06-26-2005, 02:31 PM

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

PoorDoggie · 06-26-2005, 03:33 PM

HTML Code:

<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:
????: NamePros.com http://www.namepros.com/programming/101314-image-swap.html

HTML Code:

<img name="main">

that should work

06-23-2005, 06:16 PM	THREAD STARTER #1 (permalink)
ctechguy NamePros Member Join Date: Jun 2005 Posts: 27	Image Swap 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

06-24-2005, 04:31 PM	#2 (permalink)
Fork NamePros Regular Join Date: May 2005 Location: California Posts: 607	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. __________________ ◊ Kevin I.

06-24-2005, 05:23 PM	#3 (permalink)
PoorDoggie Soon to be RICHdoggie! Join Date: Jan 2005 Location: UK Posts: 2,408	tryis: Code: <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

06-26-2005, 02:31 PM	#5 (permalink)
Fork NamePros Regular Join Date: May 2005 Location: California Posts: 607	Not for your exact needs but look around the internet: http://www.google.com/search?q=css+image+swap __________________ ◊ Kevin I.

06-26-2005, 03:33 PM	#6 (permalink)
PoorDoggie Soon to be RICHdoggie! Join Date: Jan 2005 Location: UK Posts: 2,408	HTML Code: <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: ????: NamePros.com http://www.namepros.com/programming/101314-image-swap.html HTML Code: <img name="main"> that should work

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
What Keywords?	spy69	Search Engines	5	06-28-2005 09:05 PM
Image swap Help	ctechguy	Website Development	0	06-23-2005 07:51 AM
Image Hosting Site Grand Launch	zweigoh	For Sale / Advertising Board	0	12-08-2004 03:49 AM
photshop image as site template?	LUCENT	Graphic Design / Flash	3	12-31-2003 02:41 AM
making a curve in image and transparent blended layers	scottee	Graphic Design / Flash	2	09-24-2003 10:46 AM