//jQuery (если поместить в $(document).ready то работать вобше перестает)
function preview(title,url,w,h,id){
  	$("#viewer").dialog({
  	title: title,
  	width: w,
  	height: h,
  	autoOpen:false,
  	modal:true, // окно почему то не модально
           overlay:{opacity:  0 . 3 ,background:"gray"}, // и нет этого фона
  	resizable: true,
  	draggable: true,
  	position:'none',//я там чуток подправил код - окно появляетсья там где нажали мышкой
  	buttons: {'Закрыть': function() { $(this).dialog('close'); } },
    	close:function(){$("#viewer").dialog("destroy");}  });
	$('#viewer img').attr('src',url);
	$('#viewer img').css('display','');
	$("#viewer").dialog('open');
	}
//HTML
<img src="адрес мелкого рисунка" onclick="preview('заголовок','адрес большого рисунка',600,600,1)">
// 275  - ширина рисунка
// 270  - высота рисунка
// 1  - эт тута не играет роль... а так id товара
//само диалог окно:
<div id="viewer" class="myDialog" style="position:absolute;"><img style="display:none;"></div>