jquery图像缩放像谷歌图像搜索

Question

我需要在这篇文章Pop Images like Google Images中做同样的事情 但我需要添加与谷歌图像搜索相同，即悬停图像标题需要显示。我来自java和jquery的新手，所以请帮助我http://jsfiddle.net/roXon/HmTrw/

Answer 1

在我的情况下，我需要的不仅仅是属性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-caption的css应该具有相同的图像宽度：

.ibox-caption {
    width: 200px;
}

Answer 2

在ibox.html('');行之后（在JS的第20行附近）添加以下行：

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

您还需要添加一些CSS。