qTip2调整图像大小以适合窗口

时间:2012-11-28 02:59:21

标签: jquery image-resizing qtip2 window-resize

我希望我的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'
            }
        });
    });
});​

0 个答案:

没有答案