Я использую bxslider с пейджером миниатюр. Все работает нормально, но между слайдами и эскизами большое пространство (около дюйма). Я не могу найти, где уменьшить размер этого зазора. Вот мой код
<div style="width:720px;margin:0 auto;">
<div class="bxslider">
<div style="background-image:url('images/slide14.png');width:710px;height:230px">number 1</div>
<div style="background-image:url('images/slide16.png');width:710px;height:230px">number 2</div>
<div style="background-image:url('images/slide17.png');width:710px;height:230px">number 3</div>
</div>
<div id="bx-pager" style="text-align:center;;">
<a data-slide-index="0" href=""><img src="images/green.png" /></a>
<a data-slide-index="1" href=""><img src="images/purple.png" /></a>
<a data-slide-index="2" href=""><img src="images/blue.png" /></a>
</div>
</div>
<script>
$('.bxslider').bxSlider({
pagerCustom: '#bx-pager'
});
</script>
Вот скриншот — http://i.stack.imgur.com/tjElW.png
Любые идеи, как я могу приблизить эскизы к слайдам? заранее спасибо
JSFiddle
было бы очень полезно, а проверка может бытьmargin
изclass=bx-wrapper
причиной проблемы. - person vivekkupadhyay   schedule 14.08.2015