4 024 Скрипты / Slider

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

Галерея из картинок на 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)
     )
}

JS

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

<script type="text/jаvascript" 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();
Скачать 2624Загрузок 337,65 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи