Autor
Nachricht
mauer-design
Threadersteller
Dabei seit: 19. 04. 2007
Ort: -
Alter: 40
Geschlecht:
Verfasst Fr 26. Bildwechsel bei Mousover - - - - - - - - - - Office-Loesung.de. 10. 2007 11:19
Titel Bildwechsel bei onmouseover
Servus,
ich habe ein "Script", das einzelne div visible und hidden setzt. Mein Problme ist nun aber, dass die Divs immer an der gleichen Stelle erscheinen sollen. bisher tun Sie dies nur untereinander. Position abolute kann ich wegen dem Aufbau der Seite nicht einsetzen. Also zur Verständnis: Jedes visible gesetze div soll in der oben linke ecke des gelben Kastens angezeigt werden.
Bildwechsel Bei Mousover - - - - - - - - - - Office-Loesung.De
Der Code: Vor- und Nachteile dieser Methode: Der wesentliche Vorteil liegt in der einfachen Umsetzung. Der Nachteil ist aber, dass das Hover-Bild erst beim eigentlichen überfahren mit der Maus geladen wird. Das kostet Zeit, bis das Bild geladen wurde - das sieht man auch. Das kann durchaus unschön aussehen. Darum haben wir noch zwei weitere, bessere Möglichkeiten als diese. 2. Ein einziges Bild, der Ausschnitt wird verschoben In der 2. Möglichkeit nutzen wir das 3. Bild. Du siehst bereits, das es beide Bilder enthält. Wir nutzen dafür die CSS Eigenschaft background-position, um den Ausschnitt einfach zu verschieben. imgLink2{ display:block; width:140px; height:94px; background-image:url(''); background-position:94px 0;}. imgLink2:hover{ background-position:0 0;} Die background-position legt fest, in welcher Position das Hintergrundbild angezeigt werden soll.
#1
Hiii! Bin neu im Forum und auch in JavaScript. Ich habe die Grundlagen gelernt und wollte jetzt selber einiges ausprobieren. Jedoch funktioniert es einfach nicht. Hoffentlich kann mir wer helfen. Es gibt dieses "zerrissene Seite" Wenn ich über das Bild gehe. Mehr nicht. Code:
var Tauschbild01b = new Image();
= "Bilder/";
var Tauschbild01a = new Image();
function Wechseln(Grafik1, Tauschbild01b){
[Grafik1] = eval(Tauschbild01b + "")}
#2
eval ist IMO nicht nötig, warum nicht einfach so:
[Grafik1] =
Zuletzt bearbeitet von einem Moderator: 11 Oktober 2014
#3
Danke für die Antwort! Leider löst das aber mein problem nicht:/
#4
Da hast Du Recht, mein Vorschlag war außerdem vorschnell und falsch. Das Problem ist, dass Du dem Eingangsparameter deiner Funktion denselben Namen gegeben hast wie dem Bildobjekt.