Jquery Cycle Plugin设置缩略图位置

时间:2010-08-04 18:14:30

标签: javascript jquery jquery-plugins jquery-cycle cycle-plugin

首先,我的问题与here发布的问题非常类似,不同之处在于我使用wordpess和nextgen图库插件来管理我的图像,这样就可以写出图像缩略图:

mygallery/image1.jpg
mygallery/image2.jpg
etc...

和这样的缩略图:

mygallery/thumbs/thumbs_image1.jpg
mygallery/thumbs/thumbs_image2.jpg
etc...

所以我要做的是设置缩略图的来源。 这是我的代码:

<script type="text/javascript">

$('#slideshow')。after('')。cycle({fx:'fade',speed:'slow',timeout:0,pager:'#nav',

// callback fn that creates a thumbnail to use as pager anchor 
pagerAnchorBuilder: function(idx, slide) { 
    return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; });

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

看起来这个正在为下一个版本的NextGEN工作所以我可能只是等待。根据您的技能,您可以制作自定义模板。

请参阅: http://code.google.com/p/nextgen-gallery/issues/detail?id=294
http://wordpress.org/support/topic/plugin-nextgen-gallery-feature-request-jquery-cycle-slideshow-option

此外,如果您想尝试深入研究代码,请查看此http://nextgen-gallery.com/templates/galleryview/不要难以定制我现在没有时间或需要,特别是如果它将被添加不久。