JQuery：img.src change

Question

我正在嘗試構建這個簡單的庫，看起來Chrome的安全性不支持內聯jQuery（它在IE上工作）。 （當我點擊。迷你類圖像我想。顯示類圖像複製它的src）。所以我需要寫一個.js文件。我無法讓它工作。請提供一些建議？我爲我的糟糕英語道歉。

HTML：

<div class="galerie" align="center"> 
     <div class="mini"> 
      <img onClick="show1.src=imag01.src" id="imag01" src="img/pers/img1.jpg" alt="NO IMAGE"/> 
      <img onClick="show1.src=imag02.src" id="imag02" src="img/pers/img2.jpg" alt="NO IMAGE"/> 
      <img onClick="show1.src=imag03.src" id="imag03" src="img/pers/img3.jpg" alt="NO IMAGE"/> 
      <img onClick="show1.src=imag04.src" id="imag04" src="img/pers/img4.jpg" alt="NO IMAGE"/> 
      <img onClick="show1.src=imag05.src" id="imag05" src="img/pers/img5.jpg" alt="NO IMAGE"/> 
      <img onClick="show1.src=imag06.src" id="imag06" src="img/pers/img6.jpg" alt="NO IMAGE"/> 
      <img onClick="show1.src=imag07.src" id="imag07" src="img/pers/img7.jpg" alt="NO IMAGE"/> 
      <img onClick="show1.src=imag08.src" id="imag08" src="img/pers/img8.jpg" alt="NO IMAGE"/> 
      <img onClick="show1.src=imag09.src" id="imag09" src="img/pers/img9.jpg" alt="NO IMAGE"/> 
     </div> 
     <div class="show" align="center"> 
      <img id="show1" src="img/img1.jpg" alt="NO IMAGE"/> 
     </div> 
</div> 

CSS：

<style type="text/css"> 
      .mini img { 
       height: 80px; 
       border: 4px solid #C3C3C3; 
       padding: 1px; 
       margin: 0 10px 10px 0; 
      } 

      .mini img:hover { 
       border: 4px solid #B08FAB; 
       cursor:pointer; 
      } 

      .show img { 
       border: 4px solid #C3C3C3; 
       padding: 1px; 
       height: 400px; 
      } 
      div.galerie{ 
       box-shadow: 0px 3px 10px #243139; 
       z-index: 5; 

      } 
</style> 

JQuery的（不工作）：

$(".mini img").click(function(){ 
      var imgsrc = jQuery(this).attr("src"); 
      $("#show1").attr("src", imgsrc); 
}); 

Answer 1

jQuery("#show1 img").attr("src") = imgsrc; 

^^不是jQuery如何工作。完全一樣。

jQuery("#show1 img").attr("src", imgsrc); 

^^ jQuery是如何工作的。

jQuery .attr() documentation。

編輯：你的選擇器也是錯的。 #show1是一個圖像。所以，你應該做的：

jQuery("#show1").attr("src", imgsrc); 

EDIT2：...而你得到的第一個圖像的src爲imgsrc，不被點擊的一個。使用this：

var imgsrc = jQuery(this).attr("src"); 

甚至

var imgsrc = this.src;