В jquery я новичок. Знаю только как подключать саму библиотеку и плагины по инструкции. Но дело в том что нынешним сайтом (сайт-галерея, надо прикрутить парочку плагинов) ничего не работает! Я пробовала уже несколько плагинов (типа галереи и лайтбокса), подключала их строго по инструкции, смотрела видео как подключать и т. д. но один фиг - не работает!
Интересно что у одного плагина в комплекте была страничка с демо и на локалке она работала, а когда я выгружала её на сервер уже нет... но это другая проблема.
В данный момент пытаюсь прикрутить
Masonry. Простейший плагин для динамической вёрстки. Подключается двумя чихами, но я уже не знаю что и думать... как я в этом могла сделать ошибку, что у меня не работает?
Вот код страницы:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="mansory.js"></script>
<script type="text/javascript">
$(function(){
$('#container').masonry({
itemSelector: '.item',
columnWidth: 100,
isAnimated: true
});
});
</script>
<title></title>
</head>
<body>
<div id="container">
<div class="item"><img src="1.jpeg" alt="" /> </div>
<div class="item">Ii quinta tation ut anteposuerit est. Claram nobis nunc iusto adipiscing commodo. Nunc lorem nibh quam quarta lorem. </div>
<div class="item"><img src="2.jpeg" alt="" /> </div>
<div class="item"><img src="3.jpeg" alt="" /> </div>
<div class="item"><img src="4.jpeg" alt="" /> </div>
<div class="item"><img src="5.jpeg" alt="" /> </div>
<div class="item"><img src="6.jpeg" alt="" /> </div>
<div class="item"><img src="7.jpeg" alt="" /> </div>
<div class="item"><img src="8.jpeg" alt="" /> </div>
<div class="item"><img src="9.jpeg" alt="" /> </div>
<div class="item"><img src="10.jpeg" alt="" /> </div>
<div class="item"><img src="11.jpeg" alt="" /> </div>
<div class="item"><img src="12.jpeg" alt="" /> </div>
<div class="item"><img src="5.jpeg" alt="" /> </div>
</div>
</body>
</html>
Пути указаны верно (проверяла)
В css указано свойство float для .item как и надо
![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
marusya711.livejournal.com
![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
angrymoon
