jquery图像库中的上一个和下一个按钮

时间:2011-11-12 14:04:28

标签: javascript jquery

我正在制作一个简单的图片库

http://jsfiddle.net/QEh53/1/

Imgs数组最多可存储36个图像,我只想显示前6个onload。有一个下一个和后一个按钮,我需要它,当点击下一步它将显示来自Imgs阵列的下一个6图像和点击返回最后6个图像应该滑入。如果没有img离开prev或下一个它应该循环下一个6张图片。

感谢您的帮助。

编辑:

我只使用后退按钮尝试了此功能,但出于某种原因,在添加新列表http://jsfiddle.net/QEh53/6/之前未删除旧列表

编辑:

这是解决方案: jQuery gallery turn over with next and previous buttons

1 个答案:

答案 0 :(得分:0)

我相信此代码可以帮助您:example.js

total是“页面”的数量,您可以将其设置为Math.ceil( totalImages / 6 )

这个不间断的页面在该代码中被称为loop。它可以根据需要返回正确的页面。

function loop( value )
{
    return value < 0 ? total + value : ( value >= total ? value % total : value );
}