Hi,

I just install Flexslider on my localhost. It works nicely on every node with 2 slides. When I put my third image, the slider stop working (in autoplay mode). Always a white image and you can't use slider's arrows to go back or foward... It freezes.

If I reload the page and go with the arrows the third slide appear. So, there is something with the autoplay? I tried to remove the third picture and relaod another one... Always stop at the third slide.

Something to do with that?

Comments

minorOffense’s picture

minorOffense CreditAttribution: minorOffense commented
Status: Active » Postponed (maintainer needs more info)

Can you try upgrading to the rc1 release and go and resave your option set?

If that doesn't help, can you provide which browser you're using and which module you're using to display the flexslider (fields, views or views slideshow)

upasaka’s picture

upasaka CreditAttribution: upasaka commented

I had the same problem and rc1 fixed it. Thanks!

minorOffense’s picture

minorOffense CreditAttribution: minorOffense commented
Status: Postponed (maintainer needs more info) » Closed (fixed)

Thanks for checking in!

Marko B’s picture

Marko B CreditAttribution: Marko B commented
Version: 7.x-1.0-beta1 » 7.x-2.x-dev
Issue summary: View changes

I m using latest dev and I also get one empty slide at the end.

<ul class="slides"><li class="flex-active-slide" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">  
  <div class="views-field views-field-field-images">        <div class="field-content"><a href="http://localhost:8888/KingTrivia/sites/default/files/IMG_0729.jpg" title="slika 2" class="colorbox init-colorbox-processed cboxElement" rel="gallery-node-287"><img src="http://localhost:8888/KingTrivia/sites/default/files/styles/news_overview__228x228_/public/IMG_0729.jpg?itok=piI8Y71q" width="228" height="228" alt="prva slika" title="slika 2" draggable="false"></a></div>  </div><div class="flex-caption">slika 2</div></li>
<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;" class="">  
  <div class="views-field views-field-field-images">        <div class="field-content"><a href="http://localhost:8888/KingTrivia/sites/default/files/IMG_0804_2.jpg" title="bla blaaa" class="colorbox init-colorbox-processed cboxElement" rel="gallery-node-287"><img src="http://localhost:8888/KingTrivia/sites/default/files/styles/news_overview__228x228_/public/IMG_0804_2.jpg?itok=0D8T3hUY" width="228" height="228" alt="bla bla" title="bla blaaa" draggable="false"></a></div>  </div><div class="flex-caption">bla blaaa</div></li>
<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;" class="">  
  <div class="views-field views-field-field-images">        <div class="field-content"><a href="http://localhost:8888/KingTrivia/sites/default/files/IMG_0738.jpg" title="bla bla" class="colorbox init-colorbox-processed cboxElement" rel="gallery-node-287"><img src="http://localhost:8888/KingTrivia/sites/default/files/styles/news_overview__228x228_/public/IMG_0738.jpg?itok=rtOszN4p" width="228" height="228" alt="bl bla" title="bla bla" draggable="false"></a></div>  </div><div class="flex-caption">bla bla</div></li>
<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;" class="">  
  <div class="views-field views-field-field-images">        <div class="field-content"><a href="http://localhost:8888/KingTrivia/sites/default/files/nature-q-c-1024-768-5.jpg" title="text 2" class="colorbox init-colorbox-processed cboxElement" rel="gallery-node-287"><img src="http://localhost:8888/KingTrivia/sites/default/files/styles/news_overview__228x228_/public/nature-q-c-1024-768-5.jpg?itok=kQcv4XHZ" width="228" height="228" alt="text" title="text 2" draggable="false"></a></div>  </div><div class="flex-caption">text 2</div></li>
<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;" class="">  
  <div class="views-field views-field-field-images">        <div class="field-content"></div>  </div></li>
</ul>
Marko B’s picture

Marko B CreditAttribution: Marko B commented

hmm seems it is not due to flexslider as in other formats views also output one row extra.