Révolution Curseur - Comment faire de différent pour les différents articles?
LA SITUATION:
Je suis à l'aide de mon diaporama de la Révolution Curseur plugin.
J'ai besoin de définir différents temps (durée) pour les images affichées.
Par exemple la première image j'ai besoin d'afficher seulement 2 secondes, alors que la deuxième image pour 7 secondes.
LA QUESTION:
Comment puis-je régler l'heure à laquelle le dernier un seul élément?
Est-il possible?
LE CODE:
Dans le js de la fonction initialiser le plugin, il y a de ces paramètre:
retard:9000,
et de le changer, il est possible de définir la durée, mais en considérer tous les éléments.
C'est le js fonction:
initRevolutionSlider: function () {
var tpj=jQuery;
tpj(document).ready(function() {
if (tpj.fn.cssOriginal!=undefined)
tpj.fn.css = tpj.fn.cssOriginal;
var api = tpj('.fullwidthbanner').revolution(
{
delay:9000,
startwidth:960,
startheight:250,
onHoverStop:"off", //Stop Banner Timet at Hover on Slide on/off
thumbWidth:100, //Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
thumbHeight:50,
thumbAmount:3,
hideThumbs:1,
navigationType:"bullet", //bullet, thumb, none
navigationArrows:"solo", //nexttobullets, solo (old name verticalcentered), none
navigationStyle:"round-old", //round,square,navbar,round-old,square-old,navbar-old, or any from the list in the docu (choose between 50+ different item), custom
navigationHAlign:"center", //Vertical Align top,center,bottom
navigationVAlign:"bottom", //Horizontal Align left,center,right
navigationHOffset:30,
navigationVOffset:20,
soloArrowLeftHalign:"left",
soloArrowLeftValign:"center",
soloArrowLeftHOffset:20,
soloArrowLeftVOffset:0,
soloArrowRightHalign:"right",
soloArrowRightValign:"center",
soloArrowRightHOffset:20,
soloArrowRightVOffset:0,
touchenabled:"on", //Enable Swipe Function : on/off
stopAtSlide:-1, //Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
stopAfterLoops:-1, //Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
hideCaptionAtLimit:0, //It Defines if a caption should be shown under a Screen Resolution ( Basod on The Width of Browser)
hideAllCaptionAtLilmit:0, //Hide all The Captions if Width of Browser is less then this value
hideSliderAtLimit:0, //Hide the whole slider, and stop also functions if Width of Browser is less than this value
fullWidth:"on",
shadow:0 //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows - (No Shadow in Fullwidth Version !)
});
C'est le code HTML pour un seul élément:
<div class="fullwidthbanner">
<li data-transition="3dcurtain-vertical" data-slotamount="10" data-speed="100" data-masterspeed="300" data-thumb="assets/img/sliders/revolution/thumbs/thumb1.jpg">
<!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
<img src="img/slideshow/1.jpg">
</li>
</div>
Dans ce cas données de vitesse et de données masterspeed ce qui concerne le moment de la transition, pas le temps que durent l'élément.
Quelqu'un sait peut-être comment cela peut être réalisé?
Il doit être fait dans le code HTML ou peut-être dans le js de la fonction ?
Merci beaucoup!
OriginalL'auteur FrancescoMussi | 2014-02-25
Vous devez vous connecter pour publier un commentaire.
Selon cette documentation, assez sûr que c'est pour votre plugin, il fournit un
data-delay
config pour chaque diapositive.Voir les docs en vertu de la "02 Curseur éléments" en-tête de la page.
Je devine que vous êtes probablement en parler comme un plugin pour WordPress? Il n'est pas indiqué dans la question, que c'était pour WordPress, j'ai donc fourni à la méthode JS. Bravo pour la petite info pour tous les autres chercheurs cependant..
Merci beaucoup! Ce répondu à une question pour moi aussi!
OriginalL'auteur Michael Coxon