Jak krok po kroku dodać do strony jQuery Masonry

Witam,

Chciałbym zapytać w jaki sposób mogę dodać do mojej strony jQuery Masonry http://masonry.desandro.com/index.html tak aby wpisy wyświetlane były w taki sam lub podobny sposób jak przedstawiono na stronie. Dokładnie to chodzi mi o to aby między wpisami (w pionie) nie było tak dużych odległości jakie są widoczne u mnie.

Link do strony: http://networkrumors.com

Pozdrawiam

a czego nie rozumiesz?

http://masonry.desandro.com/docs/intro.html

tu jest zaledwie kilka linijek opisu

Tak, skorzystałem z tego co jest napisane pod podanym linkiem, jednak, nic nie działa. jQuery wraz z lokalizacją pliku na serwerze + jQuery Masonry wklejam między znacznikami "

". Być może robię błąd podczas dodawania tego skryptu:

$(function(){

  $('#container').masonry({

    // options

    itemSelector : '.item',

    columnWidth : 240

  });

});

Lub całkowicie nie w tym miejscu to wszystko dodaję. Jeżeli jednak jQuery powinno znajdować się między "

" to proszę o odpowiedź gdzie mam dodać podany wyżej skrypt.

Pozdrawiam

Powyższy skrypt powinien być na końcu tj. przed znacznikiem

Tutaj jest błąd:

$('#container').masonry({


    itemSelector: '.box',

  });

});

Powinno być:

Poza tym zmień kolejność dodawanych plików, najpierw jQuery, a potem pluginy, teraz przed jQuery wczytujesz plik /modules/jquery_infoContent/js/jquery.infocontent-min.js

Witam,

Nadal nie mogę sobie z tym poradzić, czy istnieje możliwość aby ktoś wstawił mi gotowy kod do wklejenia?

Pozdrawiam

Gotowy skrypt do wklejenia Ci nie pomoże jeśli nie rozumiesz podstawowych zasad budowy strony.

  1. w sekcji head powinieneś mieć zaimportowane biblioteki js:

a. najpierw jquery

b. potem pozostałe używane na stronie.

.....

teraz przechodzimy do sekcji body.

Tutaj wstawiamy kod funkcji. W tej w twoim kodzie strony widzę coś takiego: