0

この投稿から同じことを行う必要があります Google画像のような画像をポップします しかし、Google画像検索と同じように追加する必要があります。つまり、ホバー時に画像タイトルを表示する必要があります。私はJava出身で、jqueryは初めてなので、助けてくださいhttp://jsfiddle.net/roXon/HmTrw/

4

2 に答える 2

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;
}
于 2013-01-14T13:49:02.940 に答える
0

行の直後ibox.html('');(JS の 20 行目あたり) に次の行を追加します。

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

また、いくつかの CSS を追加する必要があります。

于 2012-06-29T17:55:27.807 に答える