СТИЛЬНОЕ СЛАЙДШОУ


СТИЛЬНОЕ СЛАЙДШОУ


Очередное слайдшоу с возможностью, как автоматического, так и ручного пролистывания слайдов.

Подключаем в файлы:
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="js/desSlideshow.js"></script>


Разметка HTML
<div id="desSlideshow1" class="desSlideshow">
    <div class="switchBigPic">
        <div>
            <a title="" href="#"><img class="pic" src="./images/1.jpg" /></a>
            <p><strong>The Gothic 2</strong><br/>Ночь Ворона</p>
        </div>
        <div>
            <a title="" href="#"><img class="pic" src="./images/2.jpg" /></a>
        </div>
        <div>
            <a title="" href="#"><img class="pic" src="./images/3.jpg" /></a>
            <p><strong>The Gothic 2</strong><br/>Ночь Ворона</p>
        </div>
        <div>
            <a title="" href="#"><img class="pic" src="./images/4.jpg" /></a>
            <p><strong>The Gothic 2</strong><br/>Ночь Ворона</p>
        </div>
    </div>
    <ul class="nav">
        <li><a href="#">Скриншот 1</a></li>
        <li><a href="#">Скриншот 2</a></li>
        <li><a href="#">Скриншот 3</a></li>
        <li><a href="#">Скриншот 4</a></li>
    </ul>
</div>


javascript
И добавляем в хедер код запуска:
$(function() {
    $("#desSlideshow1").desSlideshow({
        autoplay: 'enable',//опция:enable,disable
        slideshow_width: '800',//slideshow window width
        slideshow_height: '249',//slideshow window height
        thumbnail_width: '200',//thumbnail width
        time_Interval: '4000',//Milliseconds
        directory: 'images/'// flash-on.gif and flashtext-bg.jpg directory
    });
    $("#desSlideshow2").desSlideshow({
        autoplay: 'disable',//option:enable,disable
        slideshow_width: '600',//slideshow window width
        slideshow_height: '249',//slideshow window height
        thumbnail_width: '120',//thumbnail width
        time_Interval: '4000',//Milliseconds
        directory: 'images/'// flash-on.gif and flashtext-bg.jpg directory
    });
});


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


скрипт скрипт СТИЛЬНОЕ СЛАЙДШОУ
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 2515
Обновления 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 старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация