• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Suche Hover Code

Werbung:
Hey du kannst das ganz einfach lösen, indem du von einem Bild zwei Versionen hast: eine kleinere und eine grössere. Und dann kannst du das so lösen:
Code:
<img src=bildklein.png onMouseOver="src='bildgross.png'" onMouseOut="src='bildklein.png'">
 
Werbung:
bzw. geht das nicht so das ich nur eibild hochlade? sonts spamme ich mein Webspace soo mega voll.

Bzw. kann man im HTML tag die größen bestimmen=
 
die grösse des Bildes kannst du ganz einfach bestimmen:

Code:
<img src=bildklein.png height="xy" width="xy" onMouseOver="src='bildgross.png'" onMouseOut="src='bildklein.png'">

aber mit diesem Weg kommst du nicht um das hochladen zweier Bilder rum. Das mit dem Effekt ist meines Wissens mit js gemacht. Schau dich doch mal durch den Code der Website durch, ich habe jetzt so auf Anhieb nichts gefunden, aber vielleicht hast du ja mehr Glück :)
 
Werbung:
Kann man den onMouseOver und den onMouseOut eine Große geben?

zb. onMouseOver 10x10px - onMouseOut 20x20px?
 
Werbung:
Wird wohl mit reinem HTML nicht funktionieren, du brauchst entweder CSS, was einen viel längeren Code braucht oder eben JS, wie in dem anderen Beitrag.
 
Ich würde es damit versuchen die position des Bildes beim hovern zu verändern und das ganze mit einer transition (css3) zu versehen für den animations effekt

bild {background: url(image1.jpg) no-repeat;}
bild:hover {background: url(image1.jpg) no-repeat; margin: 10px 0px 0px 10px; transition: 0.3s;}
 
Wenn die Position der Bilder beim Hover verändert werden soll, wirst Du wahrscheinlich nicht darum herum kommen, sie in einem Container absolut zu positionieren. Dann würde ich mit jQuery die Position und die Größe animieren (Funktion animate()).
 
Werbung:
oder kann man das auch so machen, wenn man mit den mauszeiger darauf geht das dann ein rad zb. von 3px kommt?
 
Werbung:
Ich schätze mal, er meint nicht "Rad", sondern "Rand". Aber wie war das noch:

"Es wird Tote geben."
Ein Rechtschreibfehler, der dafür verantwortlich war, dass niemand zu meinem 8 Geburtstag kam :D
 
Werbung:
Zurück
Oben