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