2012-08-22 51 views
-2

我一直在淡入淡出的圖像幻燈片。我使用hoverizr來利用灰度效果。捕捉是,當圖像在當前幻燈片上時,拇指應該是彩色圖像。jQuery - 是否有可能使用javascript制定id

基於給定的場景,我一直試圖在每張幻燈片後添加/刪除類。我已經在所有圖像上成功添加了灰度類,但無法去除當前圖像上的灰度。

問題是,是否有可能使用javascript傳遞元素ID然後在jQuery中檢索它?代碼示例如下:

<script> 
function updateThumbs(element_id){ 
     var elem = element_id; 
     $('#slide a img').addClass('greyScale') 
     $('#' + elem).removeClass('greyScale'); 
} 
</script> 
<div id="slide"> 
     <a onClick="updateThumbs('image_1');"> 
     <img src="..." id="image_1" class="greyScale"> 
     </a> 
     <a onClick="updateThumbs('image_2');"> 
     <img src="..." id="image_2" class="greyScale"> 
     </a> 
</div> 
+0

你可能不得不使用'屬性'http://stackoverflow.com/questions/1657702/addid-in-jquery –

+7

是的,你試過你的例子嗎? – jrummell

+0

是的,這是可能的。你試過了嗎?你有一個特定的問題,它不工作? –

回答

1

是的,你可以在這個莊園中使用jQuery。但是,我會在document.ready而不是html中連接事件。您可以將點擊事件放在圖片上而不是錨點上。

$(document).ready(function() { 
    $("#slide img").click(function() { 
     $('#slide img').addClass('greyScale'); 
     $(this).removeClass('greyScale'); 
    }); 
}); 

jsFiddle

完整的例子也注意到在你的addClass()聲明中缺少分號。

相關問題