|
|||
mouseover-verhalten nicht nachvollziehbar
Hallo, ich habe mir aus diesem post (http://xhtmlforum.de/66775-jquery-bi...n-und-ein.html) das script kopiert und auf meine Bedürfnisse angepasst.
hier das script: Code:
<script> function change_image(bild){ $('#das-bild-2016 img').fadeOut('fast', function() { $("#das-bild-2016 img").attr("src", bild); $('#das-bild-2016 img').fadeIn('fast'); }); }</script> die sehen so aus: Code:
<div class="seiten" onmouseover="change_image('/screenshots350/keramik-hirt-1.jpg')"><a id="keramik-hirt" href="http://www.keramik-hirt.de" onclick="NewWindow(this.href,'keramik-hirt','1080','760','yes','center');return false" onfocus="this.blur()">www.keramik-hirt.de<br /> <span class="linkweiss">Design und Programmierung</span><br /></a></div> der befehl liegt ja auf der ganzen div - aber wenn ihc die maus über den link bewege, wird in der unteren Zeile das einblenden des Bildes nochmal aufgerufen - so entsteht ein flacker-effekt. den würde ihc gerne loswerden. Hier meine Seite: neu.ramdesign.de/test2.php kann mir jemand erklären, warum der Effekt entsteht und wie ich das beheben kann? vielen Dank! Irmen |
Sponsored Links |
|
|||
weil du jedesmal ein onmouseover hast wenn du drüber fährst. Dafür, dass du die Programmierung von Webseiten angibst arbeitest du mehr als schlecht.
So macht man das korrekt: Schmeiß alle onmouseover="..." raus und mach das mit jQuery. mit .on("mouseenter"). Auch sind deine divs eigentlich eine Liste von Elementen und sollten mit einer Liste umgesetzt werden. Und deine redundanten Klassen solltest du auch überdenken. |
Sponsored Links |
|
|||
Hallo danke für deine Antwort.
Ich habe, wenn ich die div betrachte doch nur einmal einen onmouseover. Das verhält sich aber so, als würden die zwei linkzeilen einzeln angesprochen, oder? Ist mir immer noch nicht logisch. ich würde meine divs gerne als Liste von Elementen behandeln. mir ist nicht klar, wie ich dann mitteile, welche img src jeweils verwendet werden soll. wo muss ihc das wie reinschreiben. Hast du einen link für mich, in dem ich das nachvollziehen kann. den von dir mitgeschickten habe ich angeschaut aber ich verstehe es nicht, wo ich die Bildquelle angeben muss. Ich hatte mal ein script für links, dort wurde die id des links ausglesen und dann als href-teilstück verwendet - so denke ihc es mir. Aber ich habe das script nicht mehr und weiß nicht, wei ich das schreiben soll. im prinzip irgendwie so: Code:
$(".seiten").on('mouseenter', ' ', function(){ var bildquelle = $(this).attr("title"); $("#das-bild-2016 img").attr("src", bildquelle); $('#das-bild-2016 img').fadeIn('fast'); }); (title nimmt man dafür wahrscheinlich ja nicht her) Kann mir da jemand weiterhelfen? vielen Dank! Irmen Geändert von irmen (17.02.2016 um 12:28 Uhr) |
|
|||
habe es jetzt so gemacht unddie id hergenommen.
Code:
$(".seiten").on("mouseenter", function(){ var bildquelle = $(this).attr("id"); $("#das-bild-2016 img").attr("src", '/screenshots350/' + bildquelle + '.jpg'); $('#das-bild-2016 img').fadeIn('fast'); }); |
|
|||
kann man so nehmen, ja. Man kann natürlich auch die data- Attribute von HTML5 verwenden, aber man muss nicht.
btw, welche Browser arbeiten heutzutage noch ohne Tabs und führen den Befehl für ein neues Fenster wirklich so aus, wie du es möchtest? Warum nicht einfach ein target="_blank" verwenden und so vieeel schreibarbeit ersparen? |
|
|||
ja, das ist wahr.
Beim PC und meinen Browsern (ff, ie und chrome) wird immer noch ein extrafenster geöffnet - zumindest bei mir hier. Ich finde das einfach schöner. Über kurz oder lang ist das sicher veraltet, aber es schadet momnentan, so lange es noch auf ein paar Browsern ght nicht, oder? |
|
|||
ich habe vor langer Zeit gelernt, dass es ungut ist, die leute von der eigentlichen Seite wegzulotsen.
Inzwischen mag das veraltet sein. Ich werde eure Ratschläge überdenken, vielen Dank! auch das rollovergedöns funktioniert ja auf ipad und Handy sowieso nicht, das ist eigentlich auch veraltet, richtig? |
|
|||
An deiner Website ist einiges veraltet, bzw. suboptimal umgesetzt. xhtml braucht man heute auch nicht mehr einsetzen, statt dessen gibt es html5.
und ja, rollover geht auf touchbasierten Geräten nicht. Inwiefern dir das wichtig ist musst du wissen. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Jquery Code für Mouseover etwas vereinfachen | connor | Javascript & Ajax | 8 | 08.03.2010 00:01 |
Css mouseover problem | Biomechaniker | CSS | 3 | 16.10.2009 22:33 |
CSS Spry Menu Problem mit Hintergrund bei Mouseover | myron | CSS | 9 | 12.07.2009 14:34 |
li mouseover mit unterschiedlichen größen | temp11 | CSS | 4 | 08.10.2007 17:35 |
3-Col. - merkwürdiges Verhalten der mittleren Spalte | andir | CSS | 0 | 09.09.2004 15:39 |