Bildwechsel bei hover

Hallo zusammen,

Ich habe im shop für jeden Artikel 2 Bilder. Ich hätte gerne das in der detailansicht beim hover über das artikelbild das bild ausgetauscht wird.
also standardmäßig --> artikelbild1
bei hover --> artikelbild2

den cloud zoom habe ich schon ruasgeworfen.
kann mir jemand weiterhelfen wie ich das realisiern könnte?

Meinst Du sowas? http://www.incg.nl/blog/2008/hover-block-jquery/example/animate_hover.html

prinzipiell ist es genau so was.
aber ich habe probleme sowas in oxid umzusetzen.

Ich will genau den Wechsel, der hier bei Klick auf das Thumbnail geschieht, beim hover über das Artikelbild:
http://demoshop.oxid-esales.com/community-edition/Bekleidung/Fashion/Fuer-Sie/Jeans/Kuyichi-Jeans-CANDY.html

Das umzubauen kann nicht so schwer sein, haste damit erfahrung?

Das kann man aber leicht einbauen. Schau Dir den Quelltext an, ein wenig angleichen, fertig.

http://www.incg.nl/blog/2008/hover-block-jquery/

warum mit jquery wenn es auch mit css geht?

am besten dazu CSS Sprites verwenden.

siehe dazu auch hier:

http://webdesignandsuch.com/css-sprites-image-replacement/

Langweilig :wink:

jepp - aber ohne Script! :cool:

ohne script… mehr performance … ->google und kunden freundlich :stuck_out_tongue:

Sprites ist zwar schön und gut. Hier geht es aber um Artikelbilder und für jeden Artikel die Bilder für Sprites aufzubereiten ist nicht sehr zweckmäßig. Von daher wäre mir eine JS Lösung doch sehr viel lieber.

die größe deiner bilder kennst du oder? ein script das 2 bilder in eins packt und dieses als einziges bild in der db hinterlegt sollte auch kein problem sein. schon hast du eine der besten möglichkeiten schnell, sauber und effektiv deinen effekt nur via CSS zu ereichen. das tolle ist: funktioniert auch bei deaktiviertem javascript :wink: (vlt nen thema für mobile??)

jQuery hat sich überall etabliert. Vor allem sieht es besser aus. Für Kunden ohne Javascript kannst Du die Wechselfunktion zusätzlich über CSS einpflegen.

[QUOTE=caladan;64973]die größe deiner bilder kennst du oder? ein script das 2 bilder in eins packt und dieses als einziges bild in der db hinterlegt sollte auch kein problem sein. schon hast du eine der besten möglichkeiten schnell, sauber und effektiv deinen effekt nur via CSS zu ereichen. das tolle ist: funktioniert auch bei deaktiviertem javascript :wink: (vlt nen thema für mobile??)[/QUOTE]

würde gehen ja. aber ich halte ne JS Lösung dennoch für weniger aufwendig. Und ohne JS bekommt der Nutzer dann eben nur ein Bild zu sehen.

http://www.tympanus.net/Development/PhotoEffect/

ist mit sprites und jquery kombiniert :slight_smile:

[QUOTE=rubbercut;64974]jQuery hat sich überall etabliert. Vor allem sieht es besser aus. Für Kunden ohne Javascript kannst Du die Wechselfunktion zusätzlich über CSS einpflegen.[/QUOTE]

jQuery “ist” JavaScript.
Also wenn ich JS deaktiviere läuft auch kein jQuery …

[QUOTE=Niklas;65193]jQuery “ist” JavaScript.
Also wenn ich JS deaktiviere läuft auch kein jQuery …[/QUOTE]

Danke für den Hinweis :confused: Zit.: "Für Kunden ohne Javascript kannst Du die Wechselfunktion zusätzlich über CSS einpflegen. "

[QUOTE=rubbercut;65221]Danke für den Hinweis :confused: Zit.: "Für Kunden ohne Javascript kannst Du die Wechselfunktion zusätzlich über CSS einpflegen. "[/QUOTE]

Ach verdammt ich hab statt CSS jQuery gelesen … es war spät :slight_smile: Tut mir Leid, ich hab nicht richtig gelesen! Mea culpa :o

wattebällchenreich schlagt euch!