Слайдшоу галерея

Галерея из картинок на jQuery, смена которых происходит после нажатия на точки, выполняющие функцию навигации.

Разметка HTML

Добавляем изображения:

    <div id="galleria">
        <img src="1.jpg">
        <img src="2.jpg">
        <img src="3.jpg">
        <img src="4.jpg">
        <img src="5.jpg">
    </div>

CSS

#galleria{
    width:800px;
    height:400px;
    margin:20px auto 0 auto;
    background:#222;
    background:-moz-radial-gradient(center 45deg, circle closest-side, #222 40%, #000 100%);
    background:-webkit-gradient(
    radial, center 50%, 20, center 50%, 250, from(#333), to(#000)
     )
}

javascript

Подключаем jQuery и скрипт галереи:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="galleria.js"></script>

Подгружаем тему и определяем селектор к которому будет применяться галерея:

    // загрузка темы
    Galleria.loadTheme('galleria.dots.js');
    $('#galleria').galleria();

СКАЧАТЬСкачек: 2153
337,65 Kb
Кто скачал?

ДЕМОПосмотреть
пример