#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"> </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 делает? и почему!? спасибо!!!
