MouseOver Script für Artikelbilder

[Ronald Nickel]

Hallo

Ich bräuchte ein Javascript, was mir ermöglicht ein Großbild gegen andere Bilder auszutauschen indem man auf eines rechts neben dem Hauptbild stehenden Thumpnails klickt. Sinn ist natürlich die Darstellung mehrerer Aternativfarben von Bekleidungsartikel.

Wichtig hierbeit ist aber, dass der Kunde die Bilder ohne großen Aufwand mit Copy/Paste von bestehenden Code tauschen und erweitern kann. Gibt es hierfür ne fertige Lösung oder muss ich einen Programmierer bemühen?

Gruß Ronny

 

[Ronald Nickel]

Nanu, sind alle Java script Profies schon in den Winterferien?

Gruß Ronny

 

[Bernd Rickert]

Hab ich schon fertig programmiert auf http://foto.fincy.com/ oder auch auf fincy.com als http_request.
Wenn du's nicht findest oder Anpassungen haben willst, besorg ich Dir das für 30€.

 

[Paul_Kuhn]

QUOTE (Bernd Rickert @ Mi 21.10.2009, 09:17) Hab ich schon fertig programmiert auf http://foto.fincy.com/

Ist die Seite aus dem Jahr 1999 oder 2000?
*g*R*a*U*e*N*h*A*f*T*

Ahoi!

 

[Bernd Rickert]

QUOTE Ist die Seite aus dem Jahr 1999 oder 2000?
*g*R*a*U*e*N*h*A*f*T*


( Wir lagen vor Madagskar und hatten den Paul an Bord...)

 

[lerel]

Also mal ehrlich, das sind mit Hilfe von jQuery nur noch ein paar Zeilchen, hier mal das benötigte Feature, um es gleich als Beispiel zu nehmen:

HTML
CODE
<img src="grossbild.jpg" id="grossbild" />

<div id="thumbs">
<a href="grossbild2.jpg"><img src="thumbnail2.jpg" /></a>
<a href="grossbild3.jpg"><img src="thumbnail3.jpg" /></a>
...
</div>



JavaScript

CODE
$(document).ready(function(){
$('#thumbs').each(function(){
$(this).mouseover(function(){
$('#grossbild').attr('src',$(this).attr('href'));
});
});
});



Natürlich vorher entsprechend das jQuery Framework einbinden, gibts unter www.jquery.com zum freien Download

 

[antoine]

Mein Tipp ist overLib. Das Script ist ausgereift und im tausendfachen Einsatz erprobt.
http://www.bosrup.com/web/overlib/

 

[lerel]

Also ich würde wie gesagt zu der jQuery Lösung raten, sehr einfach umzusetzen und jQuery kann man ja vielfach an mehreren Stellen einsetzen, z.B. AJAX Requests, ToolTips, Drag&Drop Features, uvm.

Und wenn man mal guckt, wer jQuery alles nutzt, sollte wissen, dass das eine Software ist, die man auch ohne bedenken bis hoch ins Enterprise Segment nutzen kann.

 

[h3ir]

QUOTE (Bernd Rickert @ Mi 21.10.2009, 09:17) Hab ich schon fertig programmiert auf http://foto.fincy.com/ oder auch auf fincy.com als http_request.
Wenn du's nicht findest oder Anpassungen haben willst, besorg ich Dir das für 30€.

Das ist glaube ich nicht das was er sucht. Er sucht so etwas, nur mit onmouseclick anstelle von onmouseover: http://www.buffed.de/start

Ich empfehle dir die Leute von http://www.virthos.net. Die erstellen dir so etwas in Handumdrehen und bieten auch noch ein CMS an, welches das austauschen sehr simpel macht. Frag da am besten nach. Kostet halt einige Euros. Besprich das mal mit deinem Kunden.

 

[Ronald Nickel]

wer kann den sowa wie http://www.buffed.de bauen. Ich meine den Mouseover effekt bei der Themenauswahl in der Mitte.

Gruß Ronny

 

[h3ir]

QUOTE (Ronald Nickel @ Mo 26.10.2009, 11:42) wer kann den sowa wie http://www.buffed.de bauen. Ich meine den Mouseover effekt bei der Themenauswahl in der Mitte.

Gruß Ronny

das ist mit Flash gelöst. Ohne den Effekt ist es auch mit Javascript ansehnlich. Lässt sich selbstverständlich auch mit Javascript so ein Effekt realisieren, allerdings ist es dann nicht gerade sehr schön in allen Browsern.