Flexslider boucle infinie

Besoin de fixer le curseur page d'accueil afin de ne pas voler en arrière à travers toutes les diapositives à la fin. Doit être une boucle parfaite. Mais je ne sais pas ce que je fais de mal. Exemple: http://3dollar.vigorbranding.com/

<script type="text/javascript">
    jQuery(window).load(function() {
        jQuery('#carousel').flexslider({
            animation: "slide",
            controlNav: false,
            animationLoop: false,
            slideshow: true,
            itemWidth: 187,
            itemMargin: 0,
            asNavFor: '#slider'
        });

        jQuery('#slider').flexslider({
            animation: "slide",
            controlNav: false,
            animationLoop: true,

            <?php if (ot_get_option('autoslide') == 'yes') { ?>

            slideshow: true,                //Boolean: Animate slider automatically
            slideshowSpeed: <?php echo ot_get_option('delay') ?>, 

            <?php } else { ?>
            slideshow: false,  
            <?php }  ?>

            sync: "#carousel",
            start: function(slider) {
                jQuery('body').removeClass('loading');
            }
        });

    });
</script>

OriginalL'auteur user822179 | 2013-04-01

6

définir la animationLoop à true par opposition à false

N'a que trop et la navigation au bas de coincer.
oui c'est bizarre.. semble que la synchronisation est maintenant.. une solution rapide consiste à définir la animationLoop retour à false et modifier le animation à fade.. de cette façon, les images vont s'enchaîner et donnera transparente sentir sans glisser.. mauvais pencher sur la question un peu plus pour trouver une solution solide..
aussi trouvé ce rapport sur github sur les utilisateurs éprouvent la même chose lors de la synchronisation et de animationloop sont toutes les deux..
Merci, je vais essayer maintenant.
Le fondu n'a fonctionné très bien. Je vous remercie.

OriginalL'auteur kingkode
0

J'ai juste eu le même débat. animationLoop: vrai n'était pas assez pour moi... j'ai lu le thread sur cette question ici:

https://github.com/woothemes/FlexSlider/issues/287

et sur la base des recommandations dans ce fil, j'ai fini la conversion à bxSlider:

http://bxslider.com/examples/carousel-dynamic-number-slides

qui non seulement ne la boucle infinie parfaitement, mais son modèle de dimensionnement semble plus intuitive; j'ai été en mesure de s'aligner avec mon grille plus facilement. Si vous pensez à:
```
[   item    ][mgn][   item    ][mgn][   item    ][mgn][   item    ][mgn]
```
(où mgn = marge)

puis dans flexslider si je ajuster la largeur de l'objet et de la marge, de sorte que le curseur est pleinement justifiée:
```
[       page width            ]
[   item    ][mgn][   item    ][mgn][   item    ][mgn][   item    ][mgn]
```
puis une fois que j'ai navigué jusqu'à l'HR bord il y avait encore un "fantôme slide" qui rôdent au large de la RH de bord qui a été le point à la marge:
```
                                    [       page width            ]
[   item    ][mgn][   item    ][mgn][   item    ][mgn][   item    ][mgn]
                                                         ghost slide ^
```
bxSlider comptes pour cela parfaitement.

OriginalL'auteur sifriday

Vous devez vous connecter pour publier un commentaire.