getelementbyid不工作

Question

對於http://jsfiddle.net/7HWxu/2/我試圖用四個按鈕覆蓋圖像循環，以便單擊一個圖像時圖像會改變。但是，點擊「1」後圖像不會改變。任何幫助不勝感激。謝謝，

湯姆

Answer 1

有與「ID」值「淡入」你的HTML沒有元素，所以函數返回null因爲它應該。包含<div>的外部具有類「淡入淡出」，但不包含「id」。你可以改變<div>我猜：

<div class='fadein' id='fadein'> 

Answer 2

的問題是，在此代碼：

<div class="fadein"> 
<img src="1.jpg"> 
<img src="2.jpg"> 
<img src="3.jpg"></div> 
<div style="position:absolute;"> 
<!-- ImageReady Slices (1.jpg) --> 
<table id="Table_01" width="251" height="61" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td> 
<img src="/images/1_01.jpg" width="68" height="61" alt="" 
    onclick="document.getElementById('fadein').src='/1.jpg'"> 
</td> 
<td> 
<img src="/images/1_02.jpg" width="61" height="61" alt=""> 
</td> 
<td> 
<img src="/images/1_03.jpg" width="61" height="61" alt=""> 
</td> 
<td> 
<img src="/images/1_04.jpg" width="61" height="61" alt=""> 
</td> 
</tr> 
</table> 
<!-- End ImageReady Slices --> 
</div> 

你不必與ID的「淡入」任何元素。 （和具有的類的div元素「淡入」沒有一個有意義的src屬性。）

我注意到，你的jQuery在頁面上 - 而不是使用內聯事件處理程序，我建議你使用bind或delegate來管理鏈接：

// Your original code 
$(function(){ 
    $('.fadein img:gt(0)').hide(); 
    setInterval(function(){ 
      $('.fadein :first-child'). 
          fadeOut(). 
          next('img'). 
          fadeIn(). 
          end(). 
          appendTo('.fadein'); 
    }, 6500); 

    // Addenda 
    $("#Table_01").delegate("img", "click", function(e) { 
      // Show and hide images here based on what e.target is. 
    }); 

});