СЛАЙДШОУ ГАЛЕРЕЯ


СЛАЙДШОУ ГАЛЕРЕЯ


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


Скачать исходник:
dots_gallery_scroller.rar


скрипт скрипт СЛАЙДШОУ ГАЛЕРЕЯ
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 8
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация