图片库分页

Question

我创建了以下图片库。

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：不，我不想插件或现成的图像库，我希望我的工作方式： - ）

Answer 1

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

BTW你的代码看起来很糟糕。你应该正确地缩进它以便于阅读：）