Базовый плагин, который я использую, это Nextgen Gallery. Затем идет Nextgen jSlider, который добавляет в плагин возможности nivo slider. Единственная проблема заключается в том, что мне нужны большие пальцы, чтобы быть внутри jCarousel. Мне удалось изменить скрипт jquery для слайдера, чтобы поместить изображения в ul и инициализировать jcarousel.
Вот код, который я вставил в <head>
:
<script src="/wp-content/themes/twentyten/jquery.jcarousel.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="/wp-content/themes/twentyten/skin.css" type="text/css" media="all" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#navCarousel').jcarousel();
});
</script>
Вот HTML-код, сгенерированный миниатюрами сценария jivery nivo
<div class="nivo-controlNav" style="visibility: visible; ">
<ul id="navCarousel" class="jcarousel-skin-tango">
<li><a class="nivo-control" rel="0"><img src="/test/thumbs/thumbs_5.jpg" alt=""></a></li>
<li><a class="nivo-control" rel="1"><img src="/test/thumbs/thumbs_1.jpg" alt=""></a></li>
<li><a class="nivo-control" rel="2"><img src="/test/thumbs/thumbs_2.jpg" alt=""></a></li>
<li><a class="nivo-control" rel="3"><img src="/test/thumbs/thumbs_3.jpg" alt=""></a></li>
<li><a class="nivo-control active" rel="4"><img src="/test/thumbs/thumbs_4.jpg" alt=""></a></li>
</ul>
</div>
Это вроде работает , когда я сохраняю страницу в своем браузере и снова открываю локальный файл (хотя jquery неактивен). Вот как это выглядит, когда я это делаю: ссылка
Буду признателен за любой ввод. Спасибо.
Если нет, знаете ли вы какой-либо другой плагин, который может делать то же самое ?
Всего наилучшего,
Cris