在縮略圖上顯示鼠標上的鏈接圖像

Question

這裏是我的縮略圖HTML代碼和相關的大圖。當我點擊縮略圖時，它會顯示大圖像，但我希望這與onmouseover發生。我的意思是當我將光標放在縮略圖上時，它應該顯示大圖像。我怎樣才能轉換這一點。

我的html代碼：

<ul class="thumbnails mainimage"> 
      <li> 
       <a rel="position: 'outside' , showTitle: false, adjustX:-14, adjustY:-560" class="thumbnail cloud-zoom" href="img/category1/sub1/1_big.jpg"> 
       <img src="img/category1/sub1/1.jpg" alt="" title=""> 
       </a> 
      </li> 
      <li> 
       <a rel="position: 'outside' , showTitle: false, adjustX:-14, adjustY:-560" class="thumbnail cloud-zoom" href="img/category1/sub1/2_big.jpg"> 
       <img src="img/category1/sub1/2.jpg" alt="" title=""> 
       </a> 
      </li> 
</ul> 

Answer 1

使用CSS僞類:hover。

.thumbnail:hover { 
    background: url('/path/to/myImage.png') 
}