zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Hover Problem bei JQuery

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.01.2009, 03:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.09.2008
Beiträge: 23
charlie befindet sich auf einem aufstrebenden Ast
Standard Hover Problem bei JQuery

Hallo miteinander!

Die Preview-Gallery von folgender seite kennt ihr bestimmt? So eine bin ich gerade bei mir am einbauen.

Preview-Gallery

Ich habe anstatt das original Bild einfach so kleine Quadrate mit Zahlen gemacht (siehe Anhang). Das ganze ist in xHTML so referenziert:

Code:
<li><a href="2.jpg" class="preview" title="Fly fishing"><img src="2s.jpg" alt="gallery thumbnail" /></a></li>
Der eigentlich Link ist wichtig! er wird über das class="preview" (DOM-Element) in jQuery angesprochen. Was ich will ist einfach. Wenn man mit dem Mauszeiger drüber fährt, soll sich nicht nur das Fenster öffnen mit dem grossen Bild, sondern bei den Quadraten ein Hover Effekt bilden. Das müsste man dann wohl in jQuery machen? Ich habe zuerst versucht dem <img> Tag über eine class ein anderes background-image zu verpassen, was aber nicht funktiniert hat. irgendwas.class:hover {blabala}

Die Situation ist ein wenig Doof. Wenn ich jetzt jQuery, so rein theoretisch, versuche zu sagen: tausche auch das Bild aus, dann müsste ich das, weil verschiedene Zahlen, auf jedes dumme Kästchen anwenden? Frage gleich vorweg: Wie kann ich in jQuery ein vorhandenes Bild in einem <img> Tag austauschen?
Angehängte Grafiken
Dateityp: gif preview.gif (947 Bytes, 2x aufgerufen)

Geändert von charlie (03.01.2009 um 03:06 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.01.2009, 03:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.09.2008
Beiträge: 23
charlie befindet sich auf einem aufstrebenden Ast
Standard

Nachtrag:

Eine andere Frage. Wenn man auf das kleine Bild (small) klickt, dann erfoglt der Link dazu und dieser wird dann in einem neuen Fenster geladen. Finde ich bei meiner Lösung äusserst unpraktisch. Wie kann ich definieren, dass er zwar den hover machen soll, aber den Link nicht ausführt!

Wenn man wenigsten diese Sache lösen könnte. Das ist wirklich unpraktisch! Der Entwickler hat sich nicht viel dabei gedacht.

Geändert von charlie (03.01.2009 um 03:58 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.01.2009, 07:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.09.2008
Beiträge: 23
charlie befindet sich auf einem aufstrebenden Ast
Standard

Die Links habe ich jetzt mit diesem Zusatz deaktiviert:

Code:
$("a.preview").click(function() { return false; });
Ein Problem schon mal gelöst!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 17:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 14:40
Schon wieder ein :hover Problem Pudding CSS 1 29.05.2006 20:19
:hover Problem im Firefox ulle CSS 14 21.04.2005 16:47


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:57 Uhr.