Не работает галерея, где ошибка?

Question

[VladislavGH]

Здравствуйте!



Сейча изучаю 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(&quot;../images/gal/loader.gif&quot;);<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.

Comments

[whynot]

Чем постить код, тем более, скриншотом, лучше бы дали демку. Если нету хостинга — можно использовать jsfiddle.net
Ну и тут — $('#big img').hide().attr('scr',$(this).attr('href')); в src — опечатка?

[VladislavGH]

Спасибо, исправил. Всё заработало.

Вследущий раз воспользуюсь вашим советом по поводу jsfiddle.net

[Shedal]

Ну а ошибка у вас — в первом слове заголовка ;)