无法获得积极选择工作

Question

我使用下面的代码设置了外廊式页面：

http://jsfiddle.net/g2hY4/

我想小缩略图不透明度改为1，而缩略图处于活动状态（如将鼠标悬停在缩略图上时）。我曾尝试添加一些这样的CSS ...

#One:active { 
    opacity: 1; 
} 

但是，这是行不通的。

任何帮助将是伟大的！

Answer 1

我不认为有一个活动选择器支持的图像在CSS中。为什么不在Javascript中设置不透明度？

您可以使用this.style.opacity=1;在displayImage函数中设置图像的不透明度。

当然，你还需要重置以前缩略图的透明度，使他们不会保持透明度1：

var thumbnails = document.getElementById("thumbnails").getElementsByTagName("img"); 
for (i=0; i<thumbnails.length; i++) 
    thumbnails[i].style.opacity=null; 

创建id为“缩略图”缩略图周围为工作一个div 。

我在这里创建了更新http://jsfiddle.net/g2hY4/2/。