jQuery/Wordpress-如何将jCarousel集成到NivoSlider Thumbs?

jQuery/Wordpress-如何将jCarousel集成到NivoSlider Thumbs?,jquery,wordpress,image-gallery,Jquery,Wordpress,Image Gallery,我使用的基本插件是Nextgen Gallery。然后是Nextgen jSlider,它为插件添加了nivo滑块功能。唯一的问题是我需要拇指在一个jCarousel里面。我已经设法修改了slider jquery脚本,将图像放入ul并初始化jcarousel 这是我在中输入的代码: <script src="/wp-content/themes/twentyten/jquery.jcarousel.min.js" type="text/javascript"></script

我使用的基本插件是Nextgen Gallery。然后是Nextgen jSlider,它为插件添加了nivo滑块功能。唯一的问题是我需要拇指在一个jCarousel里面。我已经设法修改了slider jquery脚本,将图像放入ul并初始化jcarousel

这是我在
中输入的代码:

<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> 

jQuery(文档).ready(函数(){
jQuery(“#navCarousel”).jcarousel();
});
以下是由缩略图nivo jquery脚本生成的html代码

<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>

  • 我非常感谢您的任何意见。谢谢。

    如果没有,你知道有其他插件可以做这个

    祝你一切顺利,
    Cris

    请尝试以下任何一种:


    专为wordpress主题设计的很棒的插件。

    非常棒。看起来我在那里有我需要的一切。谢谢!:)如果这对你有帮助,我很高兴。干杯