jQuery/Wordpress-如何将jCarousel集成到NivoSlider Thumbs?
我使用的基本插件是Nextgen Gallery。然后是Nextgen jSlider,它为插件添加了nivo滑块功能。唯一的问题是我需要拇指在一个jCarousel里面。我已经设法修改了slider jquery脚本,将图像放入ul并初始化jcarousel 这是我在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
中输入的代码:
<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>