jquery plugin: übergang von fotos smoother

ManueI

Mitglied
Hallo zusammen:

Es geht um diese Galerie

Wenn ich durch die Fotos mit dem vor & zurück button klicke ist der Übergang sehr schnell, er fadet auch von Foto zu Foto gleitend über.

Ich würde gerne das ganze was langsamer haben und das ganze erstmal ausfaden lassen in die Hintergrundfarbe schwarz wie in diesem Beispiel:

http://visualartistsuk.com/dominic-davies

Dort dauert der Übergang länger, da das Foto erstmal ausfaded und dann das nächste kommt.

Kann ich bei mir folgenden Code verändern:

Code:
  $('#content').cycle({
    fx:'fade',
    timeout: 0,
    speed:  777,
    next:'#next',
    prev:'#prev',
    startingSlide: intHash

Damit ich irgendwie zu dem Ergebnis von dieser Galerie komme? http://visualartistsuk.com/dominic-davies

Lieben Gruß,

Manuel
 
Zuletzt bearbeitet:
Bezug nehmend auf: http://www.tutorials.de/stellenange...rammierer-gesucht-der-mir-jquery-einbaut.html hätte ich, sofern du mir zusagst, das cycle-Plugin komplett rausgeworfen. Für das bisschen ein- und ausfaden sind 42kb plugin code schon etwas overkill. Zumindest sehe ich in dem Plugin keine mehrwert.

So in etwa würde das aussehen (photo zeigt auf das aktuell sichtbare Element, vorher muss nat geprüft werden, ob ein nächstes Foto existiert)

Javascript:
photo.fadeOut(2000, function() {
    (photo = photo.next()).fadeIn(2000);
});
 
Das mit den Zahlen steht ja nach wie vor. Mit deinem Java-Code kann ich leider nichts anfangen, bzw. verstehe ihn nicht.
 
Ok, dann ein paar Zeilen mehr :-D

Javascript:
//Erstes Foto
var photo = $('content > div:first');

$('#next').click(function() {
    photo.fadeOut(2000, function() {
        (photo = photo.next()).fadeIn(2000);
    });
});
 
Zurück