Sélectionner une autre division sur JFlow Load

Question

J'utilise JFlow pour mon curseur de contenu et je souhaite sélectionner une diapositive particulière au chargement de la page. Cela peut être la 5ème diapositive ou la seconde mais je ne veux pas réorganiser les diapositives.

Des idées? link text

Answer 1

Vous pouvez y parvenir, mais vous devez changer "jquery.flow.1.2.js" selon vos besoins. Voici le fichier mis à jour

Pour ce bloc par défaut existant avec celui-ci. Remarque dernière ligne avec startSlideNumber variables

$.fn.jFlow.defaults = { 
     controller: ".jFlowControl", // must be class, use . sign 
     slideWrapper : "#jFlowSlide", // must be id, use # sign 
     selectedWrapper: "jFlowSelected", // just pure text, no sign 
     easing: "swing", 
     duration: 400, 
     width: "100%", 
     prev: ".jFlowPrev", // must be class, use . sign 
     next: ".jFlowNext", // must be class, use . sign 
     startSlideNumber:0 
    }; 

puis changer

var cur = 0; to 

var cur = opts.startSlideNumber; 

Dans votre fichier principal, vous pouvez écrire, Vous pouvez initialiser « startSlideNumber » à votre numéro de diapositive [5 ou seconde]. Rappelez-vous la 1ère diapositive = 0

$(document).ready(function(){ 
    $("#myController").jFlow({ 
     slides: "#slides", 
     controller: ".jFlowControl", // must be class, use . sign 
     slideWrapper : "#jFlowSlide", // must be id, use # sign 
     selectedWrapper: "jFlowSelected", // just pure text, no sign 
     auto: true,  //auto change slide, default true 
     width: "610px", 
     height: "235px", 
     duration: 400, 
     prev: ".jFlowPrev", // must be class, use . sign 
     next: ".jFlowNext", // must be class, use . sign 
     startSlideNumber:2 
    }); 
});