Suche im Forum:
Suchen


Autor Nachricht
Beitrag13.08.2009 um 07:56 (UTC)    
Titel: Hover von einem normalen Bild auf einer Seite

Hallo , ich habe da mal ne Frage.
Ich möchte z.B unter einem Seitentitel z.B Fußball

also ganz normal ein Bild einfügen!
Dafür möchte ich aber auch ein Hover..
KEIN FADE EFFEKT! Sondern HOVER!


Ablauf:
Homepage erstellt , will dat mit Content füllen , füge ein Bild ein , will das aber mit Hover

Verstanden?

Wäre nett wenn mir jemand Hilfestellung gibt

thx!
Beitrag13.08.2009 um 08:19 (UTC)    
Titel:

Die Frage verschiebe ich mal in die Rubrik "Bilder" Wink

Also normales Bild auf Textseite / als Seiteninhalt soll bei Mauskontakt Bild 2 zeigen ?
Das nennt sich auch "mouseover" , beide Bilder bitte gleiche Größe :

Dieses kommt zu Beginn deiner erstellten Seite hinein :
Zitat:

<script language="JavaScript">
aus1 = new Image();
aus1.src = "HIER BILD-URL 1";
an1 = new Image();
an1.src = "HIER BILD-URL 2";
</script>


Und so sieht der Code für dein Bild dann aus , das platzierst du dort,
wo das Bild auch platziert werden soll :
Zitat:

<img onmouseover="a1.src='BILD-URL 2';" onmouseout="a1.src="BILD-URL 1';" name="a1" src="BILD-URL 1" />


Gruß Wolle
______________
Beitrag13.08.2009 um 08:28 (UTC)    
Titel:

Der Hover geht aber nicht mehr weg!


Zuletzt bearbeitet von visionary7 am 14.08.2009, 09:39, insgesamt einmal bearbeitet
Beitrag13.08.2009 um 08:57 (UTC)    
Titel:

Bei mir funktioniert der Code in beiden Browsern .
Werfen wir mal einen Blick in deinen Code . Und da haben wir einen kleinen Fehler entdeckt :

Zitat:

an1.src = "http://img5.imagebanana.com/img/1xk6qwtk/V7HOMEBOX2.png#2";


Bitte darauf achten, die Bild-Adressen auch korrekt einzufügen Wink

Kleiner Tipp nebenbei :
Lade die Bilder im Baukasten hoch. Der Anbieter den Du verwendest, speichert nicht dauerhaft
Gruß Wolle
______________


Zuletzt bearbeitet von 24939 am 13.08.2009, 09:59, insgesamt 3-mal bearbeitet
Beitrag14.08.2009 um 08:39 (UTC)    
Titel:

Darf ich das auch benutzen?
Beitrag15.08.2009 um 09:47 (UTC)    
Titel:

Den Code darf JEDER mit eigenen Bild-Adressen nutzen
______________
Beiträge der letzten Zeit anzeigen:   


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