Roll Over Image To Display Other Image

[Former Member]

Roll Over Image To Display Other Image

  


HOME TEMPLATE or Headers And Footers
Depending on where you wish the image to display

Add in the image URL of your I^st image where it says in bold

Then add the image url of your 2^nd image
That will display when you hover the mouse over the image

Then add the image URL of your first image
To show when the forum loads

Add The URL Link To Where You Wish The Image To Link Too!


Add ALT TEXT HERE WHERE MARKED IN PURPLE

YOU CAN CHANGE WIDTH AND HIGHT TO YOUR IMAGE SIZE

For a preview view my test forum tcptestingboard.boards.net/

Hover the mouse over the image at the top of forum

<script language="javascript">

function MouseRollover(MyImage) {

MyImage.src = "ADD YOUR FIRST URL IMAGE HERE";}

function MouseOut(MyImage) {

MyImage.src = "ADD THE IMAGE URL TO ROLL OVER TOO HERE";}

</script>

<div align="center">

<a href="ADD URL LINK HERE/">
<img src="ADD IMAGE URL OF FIRST IMAGE HERE" title="ADD TEXT HERE" style="border-style:none"  boarder="0px" width="259px" height="194px" 

onMouseOver="MouseRollover(this)" 

onMouseOut="MouseOut(this)" /></a>

</div>

CHANGE WIDTH AND HIGHT TO YOUR IMAGE SIZE

Steve