jquery - bxSlider Custom pre next Button -
i want use own pre , next buttons , out of slider div too. using bxslider. share code bit. glad if can out.
this buttons , slides.
<div class= "productsbuttons"><img id ="proprev" src="images/productleftarrow.png" /><img style="margin-left:10px;" id="pronext" src="images/productrightarrow.png" /> </div> </div> <div class = "products"> <ul class = "mainslider"> <li><img class = "productslider" src="images/menu-image/img1.png" /> lores asda</li> <li><img class = "productslider" src="images/img1.png" /> asdasdasd</li> <li><img class = "productslider" src="images/menu-image/img1.png" /> asd</li> <li><img class = "productslider" src="images/img1.png" /> asas</li> </ul> this jquery
$(document).ready(function() { var myslider = $('.mainslider').bxslider({ nextselector: '#pronext', prevselector: '#proprev', prevtext: '', nexttext: '', minslides: 2, maxslides: 2, slidewidth: 360, slidemargin: 5, pager:false, }); });
add image src nexttext this:
nexttext: '<img src="images/next.jpg" height="25" width="25"/>', prevtext: '<img src="images/previous.jpg" height="25" width="25"/>' working jsfiddle of working example:
Comments
Post a Comment