Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag19.05.2009 um 20:43 (UTC)    
Titel: Alternativ Bild / Hover-Effekt für Bild

Hallo.
Ich habe bei einer anderen Homepage die möglichkeit ein "alternativ Bild" einzufügen (wenn der curser über das Bild fährt wechselt es zu dem von mir angegebenen Bild sobald er wieder runter geht kommt das orginal wieder). Kann ich das bei meiner Homepage bei homepage-baukasten auch machen und wenn ja wie. Danke schon mal im voraus.
lg Tobi Smile


Zuletzt bearbeitet von eventmanagement-fulda am 21.05.2009, 04:02, insgesamt einmal bearbeitet
Beitrag19.05.2009 um 20:55 (UTC)    
Titel:

Hi, ist sowas wie ein Hover Effekt gemeint?

Wenn ja, gibt es hier ein TuT dazu:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=16470

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag27.05.2009 um 20:36 (UTC)    
Titel: 2 Bidler

Gut soweit hat das alles geklappt jetzt hätte ich das ganze nur gerne in doppelter ausführung, dh. auf einer seite 2 bilder mit diesem hover effekt wie sieht denn da der code am anfang an (der beim java script)?
freu mich auf schnelle antwort. Mit freundlichen Grüßen Tobi
Beitrag27.05.2009 um 20:41 (UTC)    
Titel:

Hi, dazu musst du den Code so erweitern:
Diesen Teil des Codes am Anfang der Seite einfügen
<script language="JavaScript">
aus1 = new Image();
aus1.src = "http://HIER BILD-ADRESSE 1.jpg";
aus2 = new Image();
aus2.src = "http://HIER BILD-ADRESSE 3.jpg";
an1 = new Image();
an1.src = "http://HIER BILD-ADRESSE 2.jpg";
an2 = new Image();
an2.src = "http://HIER BILD-ADRESSE 4.jpg";
</script>

Diesen Code dorthin, wo das Bild platziert werden soll:
<img src="http://HIER BILD-ADRESSE 1.jpg" border="0" alt="" onmouseover="a1.src='http://HIER BILD-ADRESSE 2.jpg';" onmouseout="a1.src='http://HIER BILD-ADRESSE 1.jpg';" name="a1">
<img src="http://HIER BILD-ADRESSE 3.jpg" border="0" alt="" onmouseover="a2.src='http://HIER BILD-ADRESSE 4.jpg';" onmouseout="a2.src='http://HIER BILD-ADRESSE 3.jpg';" name="a2">

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 27.05.2009, 21:41, insgesamt einmal bearbeitet
Beitrag27.05.2009 um 20:44 (UTC)    
Titel: Danke

Wow vielen Dank für die schnelle antwort. Hat alles funktioniert...
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de