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

Question

我使用的基础插件是 Nextgen Gallery。然后是 Nextgen jSlider，它为插件添加了 nivo 滑块功能。唯一的问题是我需要将拇指放在 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> 

这是由缩略图 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>

当我将页面保存在浏览器中并再次打开本地文件时，它有点工作（虽然 jquery 处于非活动状态）。这是我这样做时的样子：link

我将不胜感激任何形式的意见。谢谢。

如果没有，你知道有没有其他插件可以做到same thing？

一切顺利， 危机

Answer 1

尝试以下任何一个：

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

很棒的插件，专门用于 wordpress 主题。