Fade bei Mouseover (Bildwechsel) | Planet-Liebe
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden. Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden. #1
Ich wollte bei mir gerne einen Mouseover-Effekt einbinden. Allerdings sollte die zweite Grafik langsam ein- und ausgeblendet werden. Könnt ihr mir weiter helfen? Habe schon gegoogelt, bin aber nicht so richtig schlau geworden. CSS: Nach Bildwechsel bei Hover, Drehung mit transform und transition. Zur Zeit habe ich folgendes Standart-Mouseover eingebaut.. Off-Topic:
Benutzer16693 (34)
Verbringt hier viel Zeit
#2
Bei dem Problem kann ich dir ned helfen, ich würds in einem anderen Forum probieren. Versuchs mal hier
Benutzer55230 (39)
Meistens hier zu finden
#3
Off-Topic: Ich hoffe für dich, dass Forenwerbung hier erlaubt ist...
Benutzer15025 (38)
#4
Hi, nach kurzem googlen fand ich Link wurde entfernt Seite.
Dadurch, dass du das Bild als Hintergrundgrafik nutzt, hat es semantisch keine Bedeutung mehr. Man müsste wissen, ob die einzubauende Grafik zum Aussehen der Seite gehört oder ein in HTML als Bild ausgezeichnete Grafik ist, zum Beispiel für eine Galerie.
#1 Hallo Leute, ich bin auf der Suche nach einem kleinen Script das Folgendes kann: Wenn ich mit der Maus über eine Textnavigation (
Bei dem vorstehenden Beispiel wurde davon ausgegangen, dass sich die Grafiken im selben Verzeichnis wie die "HTML-Dateien" befinden. Die Angaben bei "width" und "height" müssen natürlich den Abmessungen Deiner Grafik entsprechen. Bitte die kleinen unscheinbaren Apostroph-Zeichen ( ') nicht vergessen. Nehmen wir mal an, die Grafiken befinden sich aber in einem Unterverzeichnis namens "bilder", dann würde das - bei selbigem Beispiel wie folgt aussehen. BIldwechsel und Sound bei MouseOver | tutorials.de. Anderes Verzeichnis / Quelltext komplett: Will man noch weitere Buttons austauschen, so muss man den jeweiligen Grafiken entsprechend wieder mit dem Attribut "name" einen Namen geben ( für eine zweite Grafik z. b. "austausch2") und dann auch mit diesen Namen beim "mouseover-event" auf diese Grafik zugreifen. Nachfolgend solch ein Beispiel für eine Navigationsleiste. Hier mit kompletten Quelltext. Diese Navigationsleiste soll aus 4 Grafiklinks bestehen, wobei jeder dieser 4 Links getauscht wird. Grafiktausch Navigationsleiste / Quelltext komplett: Wie geht es jetzt weiter?
In HTML gibt es für JavaScript sogenannte Eventhandler, die auf bestimmte Ereignisse reagieren. In Deinem Fall wäre das der Handler "onmouseover". Der HTML-Code dafür könnte z. so aussehen: HTML: < div style = "width:200px;height:100px;background:url('') no-repeat;" id = "irgendwas" alt = "Irgendwas" onmouseover = " = 'url()'" onmouseout = " = 'url()'" / > Ich erstelle einen div-Container und gebe ihm einen Hintergrund. Immer wenn Du mit der Maus darüber hoverst ändert sich der Hintergrund (onmouseover). Damit er sich auch wieder zurückändert, muss der Code allerdings noch den Handler "onmouseout" umfassen, der das Event abhandelt, wenn die Maus den Container verlässt und dann das Hintergrundbild zurücksetzt. Zuletzt bearbeitet: 01. 05. 2011 Außer für den IE<7 brauchst du kein a mehr... Einen einfachen hover-Effekt bekommst du nur mit CSS hin Code (Text): { width:300px; height:400px; border:none; background:transparent url();} background:transparent url() /* wahlweise ein Bild mit Verschiebung in Höhe */} < div class = "bild-one" > < / div > Wow cool, danke Genau das brauchte ich!
#1 hallo ich habe folgendes Problem wo ich einfach nich auf den Fehler komme: Ich habe 5 grosse Bilder die automatisch wechseln solln. Unter dem grossen Bild sind die 5 in Miniatur. Wenn man bei Mouseover auf eines der kleinen Bilder geht, soll dieses vergrössert darüber angezeigt werden. Sobald Mouseout soll die Slideshow weiter gehen. Code: