Показать сообщение отдельно
  #1 (permalink)  
Старый 16.09.2013, 13:51
Новичок на форуме
Отправить личное сообщение для Alexander Transparent Посмотреть профиль Найти все сообщения от Alexander Transparent
 
Регистрация: 16.09.2013
Сообщений: 5

Блоки "плиткой" при помощи "Msonry".
Добрый день, сразу хочу сказать, что я не знаю js, и по этому прошу вас о помощи. Я вот уже как второй день пытаюсь подключить себе "Masonry" и "imagesLoaded", но так как я это делаю впервые, мне это не поддается.
Сейчас у меня такой код:
<script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/js/masonry.pkgd.min.js"></script>
<script type="text/javascript">
    
  $(document).ready(function(){ 
    $('#page').masonry({
      itemSelector: '#post',
      isResizable: true,
        
    }); 
  });

</script>

и
#page {
    width: 100%;	
}
#post {
    width: 23%;
    background: #fff;
    padding: 2%;
    margin: 15px;

}

В итоге, если в посте изображение, то они налезают друг на друга, на сайте плагина написано, что нужно подключить "imagesLoaded". К сожалению у меня не получается его подключить, так как нет знаний в этой области. Похоже, что там все предельно просто. Так что, если бы кто-то был столь любезен, и помог мне с этой незатейливой задачей (подключить "imagesLoaded"), я был бы крайне благодарен. http://masonry.desandro.com/
http://masonry.desandro.com/appendix.html#imagesloaded
http://desandro.github.io/imagesloaded/
Ответить с цитированием