Здравствуйте!
Сейча изучаю Jquery. Решил сделать свою первую галерею которая сейча не работает, но не могу найти ошибку. Хабражители, подскажите пожалуйста где ошибка.
Код HTML (вырезка):
Извиняюсь, что картинка. Просто тег code html не отображал.
Код Javascript и jQuery:
$(document).ready(function(){<br/>
$('#small a').click(function(eventObject){<br/>
$('#big img').hide().attr('scr',$(this).attr('href'));<br/>
$('#big img').load(function() {<br/>
$(this).fadeIn(2000);<br/>
});<br/>
<br/>
eventObject.preventDefault();<br/>
});<br/>
<br/>
})
Код CSS:
#gallery {<br/>
padding: 20px;<br/>
border:1px solid #cccccc;<br/>
width: 483px;<br/>
margin: 10px auto;<br/>
height: 380px;<br/>
}<br/>
<br/>
#big {<br/>
background-image: url("../images/gal/loader.gif");<br/>
background-repeat: no-repeat;<br/>
background-position: 50% 50%;<br/>
width: 483px;<br/>
height: 302px;<br/>
border:1px dotted #cccccc;<br/>
}<br/>
<br/>
#small {<br/>
margin-top: 10px;<br/>
margin-left: 33px;<br/>
<br/>
}<br/>
<br/>
#small a img{<br/>
border:none;<br/>
<br/>
}<br/>
Ошибка следующая:
Когда нажимаешь на миниатюру, показывается картинка загрузки, но нету большой картинки которая должна попасть в блок DIV.
