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:

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

preview.gif (947 Bytes, 2x aufgerufen)

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.

Die Links habe ich jetzt mit diesem Zusatz deaktiviert:

Ein Problem schon mal gelöst!