Veröffentlicht 7. November 200816 j Ich hoffe der Titel ist einigermaßen Verständlich... ich habe einen DIV in dem mehre Bilder sind... überfährt man mit dem Mauszeiger ein Bild soll ein Script ausgeführt werden. Verlässt man das Bild soll wieder ein Script ausgeführt werden... Man könnte jetzt in jeden IMG-Tag einen onmouseover/onmouseout Event schreiben, aber das wäre sehr Unübersichtlicht, weil der Funktionsaufruf immer der selbe ist. (over(this)/out(this)) Gib es eine Möglichkeit das Problem zu lösen?
7. November 200816 j du kannst auch mit getelementsbytagname oder einem js-framework die Bilder raussuchen und dann die event-listener in einer schleife einrichten.
7. November 200816 j $('blub').getElements('img').addEventListener('mouseover',function() {doit();} ); -> getAllImages ->->foreach image ->->->addEventlistener MooTools - a compact javascript framework zum Beispiel. ich kann dir evtl. heute abend eine beispiel-Zeile posten, besser ist aber du ließst dich da selbst ein.
7. November 200816 j also geht sowas nur mittels Framework? Dann werd ich es wohl einfach in jedes IMG Tag schreiben... weil nur um den Alternativtext in einem DIV einzublenden (das ist das Zeil des Scripts) ist es mir etwas zu aufwenig gleich ein Framework einzubauen... Obwohl... jquery hab ich eh im Einsatz... kann man das damit auch machen?
7. November 200816 j JQuery IST ein Javascript Framework Kuck mal unter Each - jQuery JavaScript Library das sollte genau das Richtige für Dich sein. Wenn noch Fragen sind, einfach nachfragen. Viel Erfolg!
19. November 200816 j so etwas spät die Lösung... aber ich musste mich erst etwas in jquery einlesen... Das jquery ein Frameworks ist wusste ich... ich habe es in der Seite eh drin, weil ich eine Lightbox einsetze... Es war nur die Frage ob man meine Anforderung auch mit Ihm umsetzen kann und ja, dass kann man!!! :mod: Hier mal meine Code $(document).ready(function(){ // Prüft, ob das Dokument geladen ist $("div#thumb a img").mouseover(function(){ // Diese Funktion gilt für alle Bilder mit Link im div Thumb bei Mouseover $("div#info").css('visibility', 'visible'); $("div#info").html(this.alt) }); $("div#thumb a img").mouseout(function(){ // Diese Funktion gilt für alle Bilder mit Link im div Thumb bei Mouseout $("div#info").css('visibility', 'hidden'); }); }); Zur Ergänzung: Der ALT(ernativ)-Text des Bildes wird in einem Div angezeigt, der bei mouseover eingeblendet wird. Beim Verlassen des Bildes (mit der Maus) wird der DIV wieder ausgeblendet. Danke für die Hilfe! :uli
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.