JQuery -Zyklus - Gehen Sie am Ende des Zyklus zur neuen URL
-
27-10-2019 - |
Frage
Gibt es eine Möglichkeit, den nächsten Pfeillink der letzten Folie zu einer neuen Seite zu erstellen?
Ich habe versucht, diesen Code als Ausgangspunkt zu verwenden http://jquery.malsup.com/cycle/end.html Aber ich scheine in Kombination mit Bildunterschriften nirgendwo zu kommen.
Bearbeiten: Im Gegensatz zu diesem Beispiel möchte ich die Endfunktion ohne das zeitgesteuerte Scrolling haben. Dh Timeout: 0, damit Sie jede Folie manuell vorantreiben müssen. Auf der letzten Folie geht es zu einer neuen URL. Beispiel: http://jsfiddle.net/yfykg/5/
Vielen Dank im Voraus für Ihre Hilfe!
Lösung
Hier ist Ihre Antwort:
$(document).ready(function() {
$('#slideshow').cycle({
fx: 'scrollHorz',
nowrap: false,
timeout: 0,
fx: 'scrollHorz',
next: '.next',
prev: '.prev',
after: onAfter,
onPrevNextEvent: function(isNext, zeroBasedSlideIndex) {
if(isNext && zeroBasedSlideIndex == 0)
{
document.location = 'http://www.google.ca';
}
}
});
function onAfter(curr, next, opts) {
var caption = (opts.currSlide + 1) + ' / ' + opts.slideCount;
$('#caption').html(caption); }
});
Andere Tipps
$('#slideshow').cycle({
fx: 'scrollHorz',
timeout: 2000,
autostop: 1,
end: function() {
window.location="next_page.php";
}
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow