Rollover WIE?

foxx21

Erfahrenes Mitglied
möchte gerne ein rollover bei einem bild machen wie mach ich das, habs in adobe image ready 3.0 schon geschaft wie exportiere ich das jetzt oder kann ich das vielleicht einfach manuell in dem html tag schreiben ???
 
Hi foxx...

das machst Du mit Javascript.

Code:
<script>

//Hier gibst Du den Pfad zum normalen Bild an

bildernormal=new Array()
bildernormal[0]="image1.jpg"
bildernormal[1]="image2.jpg"
bildernormal[2]="image3.jpg"
	
var anzmen=bildernormal.length

//Hier schreibst Du den Namen rein, den Du dem jeweiligen Image im <img>-Tag mitgibst

bildname=new Array
bildname[0]="name1"
bildname[1]="name2"
bildname[2]="name3"

function bildwechsel(bildaktuell,adresse)
{
for(i=0;i<anzmen;i++)
{
document.images[bildname[i].src=bildernormal[i];
}
document.images[bildaktuell].src=adresse;
}
</script>

Soviel zum Headbereich...Jetzt zum Link...

Code:
<a href="URL." onmouseover="bildwechsel('name1','image1_on.jpg')" onmouseout="bildwechsel('name1','image1.jpg')"><img src="image1.jpg" width="50" height="50" alt="text" border="0" name="name1"></a>

Bei onmouseover="" gibst Du das Hoverbild an. Bei onmouseout="" wieder das Normale.

Hoffe konnte Dir helfen. Wenn noch fragen sind, einfach melden.

Gruß,
Fey
 
ja vielen dank hat bestens geklappt


@irgendeinen MOD

-bitte seid doch so nett und verschiebt mich ins js fourm thx!
 
Zurück