[weqq]

#b_img{
		position:absolute;
		background-color:#969696;
		display:none;
	}
	#empty,#close{
		float:left;
		height:14px;
	}
	#empty{
		width:80%;
	}
	#close{
		width:20%;
		background-color:#FF0000;
		cursor:pointer;
		text-align:center;
	}

function img_prc(img){
	var scroll = defScroll();
	if (img.complete){
	    $("#b_img").css({left:(getClientWidth()/2-(img.width/2)),top:((getClientHeight()/2)-(img.height/2))+scroll,height:(img.height+24),width:(img.width+7)});
		$("#b_img").show();
		return true   		
	}	else return false;
}
$(document).ready(function(){
    $(".s_img").bind("click", function(){
    	var eimg = new Image();
    	$("#div_img").attr("src",$(this).parents(".dv_img").children(".a_b_img").val());
    	var bsrc = $(this).parents(".dv_img").children(".a_b_img").val();
    	eimg.src = bsrc;
    	img_prc(eimg);
		
    })	
    $("#close").bind("click", function(){
    	$("#b_img").hide();
    })
});

и в HTML ( куда ставим фото ):

<div id="b_img" style="left: 391.5px; top: 391.5px; height: 450px; width: 647px; display: none;">
<div class="cpnl">
<div id="empty">&nbsp;</div>
<div id="close">close</div>
</div>
<img src="/upload/iblock/53f/03_camino_fuori.JPG" id="div_img">
</div>

и откуда берем :

<div class="dv_img">
				<input type="hidden" title="" value="/upload/iblock/fd4/04_DSCF4606.gif" class="a_b_img">
				<img width="140" height="140" border="0" src="/upload/iblock/680/04s_DSCF4606.gif" class="s_img">
			</div>

Добрый день друзья! такой проблем - вот значиццо кликаем мы на превьюшку (".s_img"), берем адрес большой фотки $("#div_img").attr("src",$(this).parents(".dv_img" ).children(".a_b_img").val())
и на eimg.src = bsrc; страница перезагружается!!! делает она это только в первый раз для каждой отдельно взятой превьюшки. в последующие клики она спокойно отрабатывает и выводит большую картинку как и задумывалось! а вот зачем она в первый раз reload делает? и почему!? спасибо!!!