27 replies to this topic

[laRus]

http://www.antbeeprint.com/fotootzyvy

Здорово! модная тема, надо сказать... Я бы еще к тому отложенную загрузку контента на странице сделала (вроде там ее нет)

[immortal727]

как вариант

Подключил

'masonry.pkgd.min.js',

'masonry.pkgd.js',

Вставил скрипт

<script type="text/javascript">
  while ($('ul > img:lt(3)').size()) {
        $('ul > img:lt(3)').wrapAll("<div></div>");
 }
$("div:even").addClass("one");
$("div:odd").addClass("two");
    </script>

Html и css соответственно. Но не работает

[Na_uM]

Подключил 'masonry.pkgd.min.js', 'masonry.pkgd.js',

это и не нужно для примера

есть где в живую посмотреть? 

[immortal727]

Пока локально только. Скоро выложу на времянку и дам ссылку

[immortal727]

Выложил короткий тестовый вариант для настройки. http://kushiy.myjino.ru

Edited by immortal727, 17 March 2015 - 15:28.

[Na_uM]

после </ul>

<script type="text/javascript">
  while ($('ul > img:lt(3)').size()) {
        $('ul > img:lt(3)').wrapAll("<div></div>");
 }
$("div:even").addClass("one");
$("div:odd").addClass("two");
    </script>

[immortal727]

Теперь ясно, почему не срабатывало. Теперь можно просто настраивать css и все дела.
Вот если фотографий много, то сделать бы в идеале две кнопки, чтобы прокручивать вправо или влево было бы вообще супер.

[Na_uM]

чтобы прокручивать вправо или влево было бы вообще супер.

прикрутите карусель и крутите 'div' туда сюда   

поищите, на форуме есть темы про это