無法獲得積極選擇工作

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/。