Flexslider Endlosschleife
Müssen fix der Homepage Schieberegler, damit es nicht zurück Fliegen durch alle Folien am Ende. Werden muss, um eine nahtlose Schleife. Aber ich weiß nicht, was ich falsch mache. Beispiel: 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>
InformationsquelleAutor user822179 | 2013-04-01
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
legen Sie die
animationLoop
zutrue
im Gegensatz zufalse
animationLoop
zurückfalse
und ändern Sie dieanimation
zufade
.. so, die Bilder überblenden und geben wird, die nahtlose fühlen, ohne zu rutschen.. ill Blick in die Ausgabe ein bisschen mehr zu finden, eine solide Lösung..Ich hatte gerade das gleiche Debatte. animationLoop: true, war nicht genug für mich... ich lese den thread auf dieses Thema hier:
https://github.com/woothemes/FlexSlider/issues/287
und auf der Grundlage der Empfehlungen in diesem thread, ich landete Umwandlung zu bxSlider:
http://bxslider.com/examples/carousel-dynamic-number-slides
welche nicht nur die Endlosschleife perfekt, aber die Größen-Modell scheint mehr intuitiv; ich war in der Lage, richten Sie es mit mein raster leichter. Wenn Sie denken:
(wo mgn = margin)
dann in flexslider, wenn ich einstellen das Element Breite und Marge, so dass der Schieber voll gerechtfertigt:
dann, nachdem ich gescrollt hatte der RH Rande gab es noch einen 'ghost slide' lauern abseits der RH Kante, wurde der trailing margin:
bxSlider Konten für diese perfekt.