画面の中央にクリックしたサムネイルの大きな画像を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'
}
});
});
});