Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我需要为用户添加一种通过箭头循环浏览画廊的方式。我已经将脚本设置为使用带有链接的缩略图在照片区域中显示更大的图像。
我用来使箭头起作用的方法是获取src当前图像的 ,并搜索缩略图链接src,然后src根据单击的箭头(.left或.right)查找下一个或上一个。
src
.left
.right
问题是:我不知道该怎么做。我有脚本可以在src用户单击箭头时找到当前的,但我不知道如何在缩略图中搜索相同的 src 或找到下一个或上一个 src。
http://jsfiddle.net/G5VAf/
用户$(...).prev()并$(...).next()为了获得下一张或上一张图片
$(...).prev()
$(...).next()
$(this).prev('img') // gives you previous img tag $(this).next('img') // gives you next one
检查您更新的jsfiddle
$.next()
$.prev()
您可以使用$('img[src="'+current+'"]')来获取具有相同来源的任何图像。大概您想使用类似的东西$('#thumbnails img[src=...]')或$('img.thumb[src=...]')将自己限制在缩略图上。
$('img[src="'+current+'"]')
$('#thumbnails img[src=...]')
$('img.thumb[src=...]')
获取下一个或上一个图像是使用.next()and的简单问题.prev()。
.next()
.prev()