图像库分页

Image gallery pagination

本文关键字：分页 图像      更新时间：2023-09-26

我已经创建了以下图片库。

http://jsfiddle.net/sfiddle/Nf7yR/7/

我认为事情是，即使我可以得到一个手在段落css, currentIndex不会更新，即事件监听器似乎缺失。

var thumb = document.getElementById("thumb");
myParagraphs = thumb.getElementsByTagName("p");
console.log(myParagraphs[1]);
function thumby(){
$(myParagraphs[currentIndex]).css("background-color", "red");
}
thumby();

问题是我无法将图像索引与分页点的索引(它有一个正常的p标签)链接起来。

我想这样编码如果第一张图片显示第一个点是红色的，如果第二张图片显示第二个点。

我该怎么做呢?

谢谢你的好建议，因为我已经花了几个小时，但还是不能理解它。

PS:不，我想没有插件或现成的imagegallery，我想我的工作方法:-)

您创建了一个函数thumby()，但您只调用它一次(在脚本启动期间)。你只需要在改变currentIndex时调用它。这里你有固定的代码:http://jsfiddle.net/Nf7yR/10/(我评论了我的编辑)。

顺便说一句，你的代码看起来很糟糕。你应该适当缩进，使它更容易阅读:)

相关文章：