У меня возникает проблема с Flexslider, добавив дополнительное свободное пространство после финального слайда.Flexslider добавляет дополнительное пространство вправо от финального слайда ...
Я создал div размером 702 пикселя, предназначенный для отображения двух слайдов шириной 342 пикселя за раз, с 18 пикселями между ними. Я установил «itemWidth» в «360px», чтобы дополнительное пространство и «itemMargin» равны «0».
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: true,
itemWidth: 360,
itemMargin: 0
});
});
</script>
Это дает мне надлежащее расстояние мне нужно между слайдами, но добавляет дополнительный 18px в конце, что я не могу за жизнь мне избавиться. Еще более раздражающий, он рассматривает его как четвертый сдвиг перехода, когда ему нужно только три.
Вот захват экрана: http://bit.ly/XHJVeU
Обратите внимание на четыре точки в нижней части. Для отображения четырех слайдов потребуется всего три.
Я изменил каждый бит CSS, о котором я могу думать, но все равно не повезло. Даже добавление отступов/полей к изображениям ничего не делает. Разочарование.
В любом случае. Я надеюсь, что кто-то столкнется с этим раньше и что это быстрое решение.
Заранее спасибо.
UPDATE: HTML включен для справки.
<div id="carousel" class="flexslider">
<ul class="slides">
<li><img src="images/suite-a_01.png" /></li>
<li><img src="images/suite-a_02.png" /></li>
<li><img src="images/suite-a_03.png" /></li>
<li><img src="images/suite-a_04.png" /></li>
</ul>
</div>
Спасибо.
Какой у вас HTML? – Mooseman
Жесткий, чтобы включить все это, поскольку он ссылается на файл слайдера Flexslider jQuery для различных атрибутов. Добавлен HTML выше. – StephenESC