Ситуация такая.
Подключил:
<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousellite-1.0.1.min.js"></script>
Теперь у меня есть галерея картинок, сделанная на
jcarousel, а открываю картинки с помощью
lightbox
От последнего есть хорошие картинки next prev. Как их грамотно приделать к
jcarousel?
И вообще от куда
jcarousele берет стили? Я подключил только саму js , а стили не подключал...
fontalife.ru - пока вот что получилось, не знаю как правильно спозиционировать, что бы кнопки оказались в начале и в конце моей карусели. И так же не пойму как убрать лишние классы для этих кнопок, и сделать что бы они "нажимались"
<button class="prev"><img src="images/prev.png"></button>
<div class="carousel">
<ul>
<li>
<a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/fontain-01.jpg">
<img class="bold Wsize" src="images/fontain-01.jpg">
</a>
</li>
<li>
<a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/pool-02.jpg">
<img class="bold Wsize" src="images/pool-02.jpg">
</a>
</li>
<li>
<a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/pool-01.jpg">
<img class="bold Wsize" src="images/pool-01.jpg">
</a>
</li>
<li>
<a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/land-05.jpg">
<img class="bold Wsize" src="images/land-05.jpg">
</a>
</li>
<li>
<a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/fontain-02.jpg">
<img class="bold Wsize" src="images/fontain-02.jpg">
</a>
</li>
<li>
<a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/fontain-03.jpg">
<img class="bold Wsize" src="images/fontain-03.jpg">
</a>
</li>
<li>
<a data-title="Загородный бассейн" data-lightbox="roadtrip" href="images/fontain-04.jpg">
<img class="bold Wsize" src="images/fontain-04.jpg">
</a>
</li>
</ul>
</div>
<button class="next"><img src="images/next.png"></button>
</div>
Други, помогите! :)
После правок, образовался такой вот отступ
text-indent: . Появляющийся при перелистывании галереи. Как и кому его обнулить, не понял... Может кто подскажет. Не критично, но не приятно. (см. рис. ниже)
спустя еще несколько модернизаций лайдер стал лучше, но не совершенен, если есть идея как слева уменьшить кнопку, или справа увеличить, поделитесь.