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

【问题标题】：jquery image zoom like google image searchjquery 图像缩放像谷歌图像搜索
【发布时间】：2012-07-01 06:22:32
【问题描述】：

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

【问题讨论】：

标签： jquery

【解决方案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;
}

【讨论】：

【解决方案2】：

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

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

您还需要添加一些 CSS。

【讨论】：