Wenn du deine Homepage hier anmeldest, wirst du noch viel mehr entdecken.
Die neuesten Themen
» Homepage Baukästen im Vergleich
von ADO-finder Gestern um 17:37

» Klickpage-Idee | Zoomania World
von Naisho no Sekái Di 19 Sep 2017 - 16:46

» School-Idee | Ghibli Zauberschule
von Naisho no Sekái Di 19 Sep 2017 - 16:23

» School-Idee | Dragonball Kampfschule
von Naisho no Sekái Di 19 Sep 2017 - 16:10

» School-Idee | Elementeschule
von Naisho no Sekái Di 19 Sep 2017 - 16:02

Webby-/ Admin Suche

Eine Anzeige hinzufügen

Alle Anzeigen ansehen


Mouseover - Bildwechsel

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Mouseover - Bildwechsel

Beitrag von Naisho no Sekái am Do 31 Aug 2017 - 10:18

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. 

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>
avatar
Naisho no Sekái

Kontaktperson : Eiki
Anzahl der Beiträge : 17
Anmeldedatum : 30.07.17

Benutzerprofil anzeigen http://geheimwelt.bplaced.de

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten