1

画面の中央にクリックしたサムネイルの大きな画像をqTipで表示したいのですが、ウィンドウのサイズに応じてツールチップと画像のサイズを調整します。

これまでのところ、私の結果はツールチップをデフォルトの幅で表示するだけで、画像全体を表示するように調整されていません。

http://jsfiddle.net/fDavN/5206/

// Create the tooltips only on document load
$(document).ready(function() {
    $('img').each(function() {
        // Grab fullsize image src
        var bigSrc = $(this).attr('src').replace(".jpg", "_b.jpg");
        $(this).qtip({
            content: {
                title: '<img src="' + bigSrc + '" alt="" />',
                text: function(api) {
                    // Retrieve content from ALT attribute of the $('.selector') element
                    return $(this).attr('alt');
                }
            },
        position: {
            my: 'center',
            at: 'center',
            target: $(window)
        },
        show: {
            event: 'click',
            modal: true
        },
        hide: false,
        style: {
            tip: false,
            classes: 'preview'
            }
        });
    });
});​
4

0 に答える 0