jquery image zoom像谷歌圖片搜索

Question

我需要從這篇文章做同樣的事情Pop Images like Google Images 但我需要添加與谷歌圖像搜索相同，即懸停圖像標題需要顯示。我是從Java和新的jQuery的，請幫我http://jsfiddle.net/roXon/HmTrw/

Answer 1

（在JS各地的第20行）行ibox.html('');後只需添加這行：

jQuery('<div />').text(this.title).appendTo(ibox); 

你也想添加一些CSS。

Answer 2

在我來說，我需要比屬性更title，我的圖片結構是下一：

<ul class="thumbnails"> 
    <li> 
     <div class="thumbnail"> 
      <img src="/images/200X150.gif" alt="200X150" /> 
      <div class="caption" style="display:none"> 
        HTML Goes here 
      </div> 
     </div> 
    </li> 
    .... 
</ul> 

你需要更新插件ibox 後：

el.mouseenter(function() { 
    ibox.html(''); 

補充一點：

$('#ibox').append('<div class="ibox-caption">'+$(this).siblings('.caption').html()+'</div>'); 

和.ibox-capti的css上應該有相同的圖像寬度：

.ibox-caption { 
    width: 200px; 
}