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

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -