Если бы я пытался сделать это, я бы просто сделал два изображения, оба с одинаковыми именами файлов, за исключением флага в имени файла, например -thumb AND -large в зависимости от их размера. Делая это, вы просто переключаете URL-адрес, используя следующий скрипт в качестве руководства:
<script>
var openFancyBox = function(url,w,h){
$.fancybox( {
type: 'iframe',
href: url, hideOnContentClick: true,
showCloseButton: false,
overlayShow: true,
overlayOpacity: 0.15,
'scrolling': 'no',
centerOnScroll: true,
titleShow: false, '
padding': 0,
'autoDimensions': false,
'margin': 0,
'width' : w,
'height': h
});
};
</script>
Затем вы можете создать и вызвать свой fancybox на лету:
openFancyBox('/path-to-my/image-thumb.jpg', 200, 50);
01.02.2011