Jquery Cycle Plugin 设置缩略图位置

发布于 2024-09-13 09:03:47 字数 859 浏览 12 评论 0原文

首先,我的问题与此处发布的问题非常相似,不同之处在于我使用 wordpess 和 nextgen gallery 插件来管理我的图像,它会像这样写入图像缩略图:

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>'; });

任何帮助将不胜感激。

First off, my question is really similar to a question posted here, with the difference being I am using wordpess and the nextgen gallery plugin to manage my images, which writes images thumbnail images as such:

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

and thumbnails like this:

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

so what I am looking to do is set the source of the thumbnail.
Here's my code:

<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>'; });

Any help would be greatly appreciated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

宁愿没拥抱 2024-09-20 09:03:47

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

看:
http://code.google.com/p/nextgen-图库/问题/详细信息?id=294
http://wordpress.org/ support/topic/plugin-nextgen-gallery-feature-request-jquery-cycle-slideshow-option

另外,如果您想尝试深入研究代码,请查看此 http://nextgen-gallery.com/templates/galleryview/ 看起来并不难定制,我只是没有现在有时间或需要,特别是如果很快就会添加的话。

Looks like this is being worked on for the next version of NextGEN So I may just wait. Depending on your skill you could make a custom template.

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

Also, if you want to try to dig into the code check out this http://nextgen-gallery.com/templates/galleryview/ Didn't look to hard to customize I just don't have the time or need right now especially if it's going to be added soon.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文