2013-12-10 3 views
0
 jQuery('#carousel').flexslider({ 
     animation: "slide", 
     controlNav: false, 
     animationLoop: false, 
     slideshow: false, 
     itemWidth: 150, 
     itemMargin: 5, 
     asNavFor: '#slider' 
    }); 

    jQuery('#slider').flexslider({ 
     animation: "slide", 
     controlNav: false, 
     animationLoop: false, 
     slideshow: false, 
     sync: "#carousel", 
     smoothHeight: true 
    }); 

Мне нужно сделать 1-ый пункт в «#carousel», который будет связан с 2-го пункта в «#slider» ,FlexSlider - используя «asnavfor» - как сделать навигацию карусель, начиная со второго слайда, пропустив 1-й слайд

ответ

0

решаемые, может быть, немного грязный решение, но это работает - вот как

Добавлен пустой Li внутри #carousel ул и присвоен класс «скрытый» к нему, как это:

<ul class="slides"> 
    <li class="hidden"></li> 
    <li>slide-hidden+1</li> 
    <li>slide-hidden+2</li> 
    <li>slide-hidden+n</li> 
</ul> 

чем настроить код CSS FlexSlider с этим:

li.hidden, li.hidden.flex-active-slide { 
    display:none !important; 
    width:0px !important; 
} 

Таким образом, первый эскиз всегда будет скрыт, а ползунок навигация начнется со 2-го слайда.

Смежные вопросы