Вот HTML
<div id="gallery">
<div id="big"><img src="images/gal/start.jpg" alt="Старт" /></div>
<div id="small">
<a href="images/gal/1.jpg"><img src="images/gal/1_mini.jpg" alt="Миниатюра 1" /></a>
<a href="images/gal/2.jpg"><img src="images/gal/2_mini.jpg" alt="Миниатюра 2" /></a>
<a href="images/gal/3.jpg"><img src="images/gal/3_mini.jpg" alt="Миниатюра 3" /></a>
<a href="images/gal/4.jpg"><img src="images/gal/4_mini.jpg" alt="Миниатюра 4" /></a>
</div>
</div>
CSS
#gallery {
padding: 20px;
border:1px solid #cccccc;
width: 483px;
margin: 10px auto;
height: 380px;
}
#big {
background-image: url("images/gal/loader.gif");
background-repeat: no-repeat;
background-position: 50% 50%;
width: 483px;
height: 302px;
border:1px dotted #cccccc;
}
#small {
margin-top: 10px;
margin-left: 33px;
}
#small a img{
border:none;
}
Сам скрипт
$(document).ready(function(){
$('#small a').click(function(e){
$('#big img').hide().attr('scr',$(this).attr('href')).load (function(){
$(this).fadeIn(1000);
});
e.preventDefault();
});
});
использую библиотеку 1.44
Старая картинка пропадает, а новая появляться не хочет.
Помогите разобраться.