галерея на jQuery

Тема в разделе "JavaScript", создана пользователем Владимир007, 23 окт 2015.

  1. Владимир007

    Владимир007

    Регистрация:
    20 окт 2015
    Сообщения:
    2
    Симпатии:
    0
    Подскажите как организовать галерею на jQuery не в одну строчку, а сеткой? Вот пример: http://ruseller.com/lessons.php?rub_id=32&id=77 того что мне надо, но в одну строку. Галерея у меня есть, но она получается неудобная, 50 фоток все на одной странице. Хотелось бы разбить по 9 фоток на страничке, но не в линию, а сеткой 3 на 3
    --- Добавлено, 24 окт 2015 ---
    все, разобрался, брал блоками по два элемента:

    <ul class="gallery">

    <li>
    <div>
    <a href="images/big/1.jpg" rel="prettyPhoto[gallery]"><img src="images/small/1.jpg" width="60" height="60" alt="1" /></a>
    <a href="images/big/2.jpg" rel="prettyPhoto[gallery]"><img src="images/small/2.jpg" width="60" height="60" alt="2" /></a>
    </div>
    </li>

    <li>
    <div>
    <a href="images/big/3.jpg" rel="prettyPhoto[gallery]"><img src="images/small/3.jpg" width="60" height="60" alt="3" /></a>
    <a href="images/big/4.jpg" rel="prettyPhoto[gallery]"><img src="images/small/4.jpg" width="60" height="60" alt="4" /></a>
    </div>
    </li>

    <li>
    <div>
    <a href="images/big/5.jpg" rel="prettyPhoto[gallery]"><img src="images/small/5.jpg" width="60" height="60" alt="5" /></a>
    <a href="images/big/6.jpg" rel="prettyPhoto[gallery]"><img src="images/small/6.jpg" width="60" height="60" alt="6" /></a>
    </div>
    </li>

    </ul>