Wenn du deine Homepage hier anmeldest, wirst du noch viel mehr entdecken.
Neueste Themen
» Eigene Domain+ SSL und Datenschutzanpassung
von Blossom Lounge Di 22 Mai 2018 - 22:30

» Shima no Koji - where the adventure begins!
von Shima no Koji Do 29 März 2018 - 14:36

» Wo ist die Seite hin??? DC Lost
von Dream Chaser Di 13 März 2018 - 23:59

» Crossover RPG | Rise of the Brave Tangled Frozen Dragons at Hogwarts
von Naisho no Sekái Di 13 März 2018 - 10:37

» Nützliche Seiten
von Gast Di 6 März 2018 - 8:51

» Lizenzfreie Bilder
von Gast Di 6 März 2018 - 8:38

» Usersuche
von Echsinea Mo 26 Feb 2018 - 14:19

» Neovine RPG-Forum
von Neovine Do 22 Feb 2018 - 21:03

» Enchanted Fairytale ~ Ein Disney RPG
von Gast Mo 15 Jan 2018 - 11:31

» Hilfe beim Layout / Design
von AnimeChen.de Di 9 Jan 2018 - 0:31

» Neues Design für Aslan´s Wish!
von Aslan´s Wish So 7 Jan 2018 - 16:08

» Frohe Weihnachten
von ShojoSenshu Di 26 Dez 2017 - 10:02

» Aslan´s Wish
von Aslan´s Wish Do 21 Dez 2017 - 17:45

» Umzug auf die eigene Domain!
von Blossom Lounge Sa 16 Dez 2017 - 23:20

» PHP und MySQL!
von AnimeChen.de Fr 15 Dez 2017 - 1:38

Webby-/ Admin Suche

Eine Anzeige hinzufügen

Alle Anzeigen ansehen


Mouseover - Bildwechsel

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 : 20
Anmeldedatum : 30.07.17

Benutzerprofil anzeigen http://geheimwelt.forumieren.de

Nach oben Nach unten

Nach oben


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