Jojoxx.net

 

 

AnvändareAnvändare
Besökare just nu: 105
SnabblänkarSnabblänkar
JavaScript-arkivet
Perl
FAQ
Sök på Jojoxx.netSök på Jojoxx.net



Meny med bildväxling 4

Exempel

Imageswap

ImageswapRöd
ImageswapGrön
ImageswapBlå

Kod


<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
   får användas fritt så länge som dessa rader står kvar. */

if (document.images) {
	button_1_desc=new Image;
	button_1_desc.src="images/red.gif";
	button_1_on=new Image;
	button_1_on.src="images/circa.gif";
	button_1_off=new Image;
	button_1_off.src="images/circi.gif";

	button_2_desc=new Image;
	button_2_desc.src="images/green.gif";
	button_2_on=new Image;
	button_2_on.src="images/circa.gif";
	button_2_off=new Image;
	button_2_off.src="images/circi.gif";

	button_3_desc=new Image;
	button_3_desc.src="images/blue.gif";
	button_3_on=new Image;
	button_3_on.src="images/circa.gif";
	button_3_off=new Image;
	button_3_off.src="images/circi.gif";

}

function rollIn(imgName) {
	if (document.images) {
		document["description"].src = eval(imgName + "_desc.src");
		document[imgName].src = eval(imgName + "_on.src");
	}
}

function rollOut(imgName) {
	if (document.images) {
		document["description"].src = "images/empty.gif";
		document[imgName].src = eval(imgName + "_off.src");
	}
}
</script>

<img src="images/empty.gif" border=0 name="description" alt="Imageswap" width=50 height=30><br>
<br>
<a href="imageswap4.html" onMouseover="rollIn('button_1')" onMouseout="rollOut('button_1')"><img src="images/circi.gif" border=0 name="button_1" alt="Imageswap" width=30 height=30 align=absmiddle>Röd</a><br>
<a href="imageswap4.html" onMouseover="rollIn('button_2')" onMouseout="rollOut('button_2')"><img src="images/circi.gif" border=0 name="button_2" alt="Imageswap" width=30 height=30 align=absmiddle>Grön</a><br>
<a href="imageswap4.html" onMouseover="rollIn('button_3')" onMouseout="rollOut('button_3')"><img src="images/circi.gif" border=0 name="button_3" alt="Imageswap" width=30 height=30 align=absmiddle>Blå</a><br>

Kommentar

Scriptet är en kombinaton av Meny med bildväxling och Meny med bildväxling 3. Det gör det möjligt att dels byta ut den bild som ligger som länk men även en till som kan användas som beskrivning på länken i fråga.

,