Mouseover - Bildwechsel
:: Aufbauhilfe :: Tutorials :: Coding
Seite 1 von 1
Mouseover - Bildwechsel
Wenn man mit der Maus über das Bild geht, erscheint ein anderes Bild. Wechselbilder sind etwas tolles. Egal ob für das Layout, für Quests oder andere Seiteninhalte.
Es ist ganz einfach. Ihr erstellt oder sucht euch zwei gleichgroße Bilder aus.
Die URL des Bildes, das man normalerweise sieht, ersetzt ihr mit "HAUPTBILD" und die URL des Bildes das man sehen soll, wenn die Maus drüber fährt, ersetzt ihr mit "WECHSELBILD".
Hier auch nochmal mit Verlinkung
- Code:
<a onmouseover="austausch1.src='WECHSELBILD';" onmouseout="austausch1.src='HAUPTBILD';"><span style="color: rgb(255, 153, 0);"><img name="austausch1" alt="" src="HAUPTBILD" border="0" /></span></a><span style="color: rgb(255, 153, 0);">
<script language="JavaScript" type="text/javascript"></script>
</span>
Es ist ganz einfach. Ihr erstellt oder sucht euch zwei gleichgroße Bilder aus.
Die URL des Bildes, das man normalerweise sieht, ersetzt ihr mit "HAUPTBILD" und die URL des Bildes das man sehen soll, wenn die Maus drüber fährt, ersetzt ihr mit "WECHSELBILD".
Hier auch nochmal mit Verlinkung
- Code:
<a href="LINK" onmouseover="austausch1.src='WECHSELBILD';" onmouseout="austausch1.src='HAUPTBILD';"><span style="color: rgb(255, 153, 0);"><img name="austausch1" alt="" src="HAUPTBILD" border="0" /></span></a><span style="color: rgb(255, 153, 0);">
<script language="JavaScript" type="text/javascript"></script>
</span>
Gast- Gast
:: Aufbauhilfe :: Tutorials :: Coding
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|