jQuery / Wordpress - Как интегрировать jCarousel в NivoSlider Thumbs? - PullRequest
0 голосов
/ 22 апреля 2011

Базовый плагин, который я использую, это 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

1 Ответ

1 голос
/ 22 апреля 2011

Попробуйте кто-нибудь из них:

http://www.dynamicwp.net/articles-and-tutorials/20-beautiful-wordpress-slideshow-plugins/

Потрясающие плагины специально для WordPress тем.

...