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