0

我创建了以下图片库。

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：不，我不想要插件或现成的图片库，我想要我的工作方法:-)

4

1 回答 1

1

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

顺便说一句，您的代码看起来很糟糕。您应该正确缩进以使其更易于阅读:)

于 2013-04-23T09:46:16.653 回答