[rexen]

Kann mir jemand vieleicht helfen. Von Javascript habe ich leider noch keine Ahnung.

ich habe mir diese Bildergallerie in meine Homepage gemacht. Funktioniert auch alles.

http://workshop.rs/demo/gallery-in-4-lines/

Das Javascript daraus:
-----------------------------------------------------------------
$('#thumbs').delegate('img','click', function(){
$('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
});
--------------------------------------------------------------------
Jetzte möchte ich die Bilder so faden lassen wie in diesem Beispiel...

http://www.ak-solutions.de/demos/fader/

dass sie weich ineinander überfließen.

Ich habe diesen code versucht, aber das ist nicht das Richtige.

$('#thumbs').delegate('img', 'click', function() {
$('#panel').attr('src', $(this).attr('src')).hide().fadeIn(1000);
});

fadeIn stimmt aber beim wechseln sieht man die Hintergrund durch..und ich möchte das Bilder ineinander wechseln.

Hat Jemand vieleicht eine Idee?

[Renao]

Hab jetzt ehrlich gesagt keine Muße mir für dich die Dokumentation anzusehen, aber unterstützt der Slider überhaupt so eine Funktion?

Ansonsten würde ich an deiner Stelle lieber nach einem anderen Slider gucken, der deinen Anforderungen entspricht - glaube das ist im Endeffekt zeitsparender, als den jetzigen so umzustricken, dass es funktioniert.


Ein paar Beispiele:


http://wowslider.com/jquery-slider-css-elemental-slices-demo.html

http://www.jacksasylum.eu/ContentFlow/addons.php

http://www.woothemes.com/flexslider/

[pantonine]

Prinzipbeding geht das nicht, ohne das Script umzubauen. Die Gelerie benutzt nämlich nur ein Bild und tausch dessen Source aus. Zum Blenden/Animieren sind aber zwei Bilder notwendig. Könnte man schreiben, aber da es genug entspr. Fertigware gibt, halte Dich am besten an #2.