Bxslider slider shown only one slide -
bxslider slider shown 1 slide, space between slider big or problem can't figure out
it shows 1 slide after scorollin 2nd slide e.t.c.
but want 5 slidere scrolling alway carousel
.bx-wrapper { position: relative; margin: 0 auto 20px; padding: 0; *zoom: 1; width: 780px; height: 100px; } .bx-wrapper img { max-width: 20%; display: block; } /** theme ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; border: 5px solid #fff; left: -5px; background: #fff; }
thanks!
this sample, need auto too, in example, http://bxslider.com/examples/carousel-dynamic-number-slides
script <script type="text/javascript"> $(document).ready(function(){ $('.bxslider').bxslider(); }); </script>
html <ul class="bxslider"> <li><img src="images/logo1" /></li> <li><img src="images/logo2" /></li> <li><img src="images/logo3" /></li> <li><img src="images/logo4" /></li> </ul>
<!-- jquery library (served google) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- bxslider javascript file --> <script src="/js/bxslider/jquery.bxslider.min.js"></script> <!-- bxslider css file --> <link href="/js/bxslider/jquery.bxslider.css" rel="stylesheet" />
Comments
Post a Comment