hover und zoomen
Eingetragen von datenrettung (605)am 23.06.2009 - 15:13 Uhr in
Hi,
wenn jemand auf dieses Site geht:
http://www.capitalandcoastal.co.uk/Search_Coastal_Properties_For_Sale2.a...
Reference number - CC000033
gibt es ein Haus zu verkaufen! Was mich aber nicht sonderlich interessiert, da ich es mir nicht leisten kann.
Aber, die kleinen Vorschaubilder am rechten Rand haben's mir angetan. Wenn ich mit der Maus drueberfahre, aendert wird das Bild dynamisch und wenn ich aufs kleine Bild klicke, dann wird es gross gezeigt.
Frage: Gibt es ein *fertiges* Modul, welches diese Funktionalitaeten beherrscht?
Thx
- Anmelden oder Registrieren um Kommentare zu schreiben
datenrettung@drupal.org
am 23.06.2009 - 16:02 Uhr
Hi,
und wenn ich aufs kleine Bild klicke, dann wird es gross gezeigt.
Frage: Gibt es ein *fertiges* Modul, welches diese Funktionalitaeten beherrscht?
Schau dir mal http://drupal.org/project/lightbox2 an. Für den ersten Teil der Frage (dynamisch ersetzen) kann vielleicht jemand anders helfen?
Mir sieht das nach js aus
am 23.06.2009 - 22:52 Uhr
Wenn ich den Code betrachte sind da einige Scripts drin. schau dich mal bei den Modulen um mit dem Schlüsselwort jQuery, da wirst Du bestimt fündig. Evtl. musst du noch einwenig daran rumschrauben, aber das soll ja nicht so schwer zu lernen sein.
Gruss Roger
animate
am 24.06.2009 - 07:26 Uhr
Moin.
Den hover-Effekt kannst Du mit einem simplen
animate(jQuery) erreichen.Beispiel (ungetestet):
$(function() {$('img.thumbnail').mouseenter(function() {
$(this).animate({'left': '-=20px', 'top': '-=20px', 'width': '+=40px', 'height': '+=40px'});
}).mouseleave(function() {
$(this).animate({'left': '+=20px', 'top': '+=20px', 'width': '-=40px', 'height': '-=40px'});
});
});
hth,
Stefan
--
sei nett zu Deinem Themer