Nivo image slider adds an extra blank slide in wordpress
-
Hi i decided to try and add the nivoslider to display the gallery images on the front page. For some reason tho it adds an extra blank slide.
I think it may be down to the line break the gallery adds. if so how do i get rid of this?
This is what i call:
[gallery size="full" itemtag="div" icontag="span" captiontag="p" columns="0"]
This is the HTML:<div class='gallery'><div class='gallery-item'> <span class='gallery-icon'> <a href="https://localhost/wordpress/wp-content/uploads/2010/09/slide1.jpg" title="slide1" rel="gallery-4"> <img src="https://localhost/wordpress/wp-content/uploads/2010/09/slide1.jpg" alt="slide1" /> </a> </span></div><div class='gallery-item'> <span class='gallery-icon'> <a href="https://localhost/wordpress/wp-content/uploads/2010/09/slide2.jpg" title="slide2" rel="gallery-4"> <img src="https://localhost/wordpress/wp-content/uploads/2010/09/slide2.jpg" alt="slide2" /> </a> </span></div><div class='gallery-item'> <span class='gallery-icon'> <a href="https://localhost/wordpress/wp-content/uploads/2010/09/slide3.jpg" title="slide3" rel="gallery-4"> <img src="https://localhost/wordpress/wp-content/uploads/2010/09/slide3.jpg" alt="slide3" /> </a> </span></div> <br style='clear: both;' /> </div>
And the relevant nivo slider options:
jQuery(document).ready(function($){ $(window).load(function() { $('.gallery').nivoSlider({ effect:'random', //Specify sets like: 'fold,fade,sliceDown' slices:15, animSpeed:1000, //Slide transition speed pauseTime:3000, startSlide:0, //Set starting Slide (0 index) directionNav:false, //Next & Prev directionNavHide:true, //Only show on hover controlNav:true, //1,2,3... controlNavThumbs:false, //Use thumbnails for Control Nav controlNavThumbsFromRel:false, //Use image rel for thumbs controlNavThumbsSearch: '.jpg', //Replace this with... controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src keyboardNav:true, //Use left & right arrows pauseOnHover:true, //Stop animation while hovering manualAdvance:false, //Force manual transitions captionOpacity:0.8, //Universal caption opacity beforeChange: function(){}, afterChange: function(){}, slideshowEnd: function(){} //Triggers after all slides have been shown }); }); });
Anyway to get rid of the blank slide?
Thanks in advance
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘Nivo image slider adds an extra blank slide in wordpress’ is closed to new replies.