Название:
слайдер изображений (JQ + CSS)
Категория:
Слайдера
Раздел:
uCoz - Скрипты
Просмотров:
 3357
Автор:
Неизвестен
Добавил:
Дмитрий
Комментов:
0
Добавленно:
  24.08.2013 в 15:23
Теги:
(JQ, изображений, css), слайдер
Рейтинг:
Игровая индустрия
Программирование
Photoshop
uCoz
Персональный компьютер
Форум
Онлайн сервисы

Последнее на форуме

  • Low-Riders
  • Гаппи
  • Скрипт Часов
    • Перейти на форум

    Последние материалы

  • Skyrim — Усиление безжалостной силы
  • [FS] Mine Sweeper
  • "Прелестные туфли" / Charming High Heels for CBBE HDT
    • Перейти к файлам

    Последние статьи

  • Как загрузиться в безопасном режиме в Windows 8
  • Устраняем "глюки" в Windows 7
  • Интеграция SP1 в установочный ISO-образ Windows 7
    • Перейти к статьям

    слайдер изображений (JQ + CSS)

    слайдер изображений (JQ + CSS)

    Слайдер изображений, прост в использовании, очень легок. Использует базовый JQ.

    Немножко о работе:
    При запуске страницы, всегда, будет открывать первое изображение.
    Скрипт кроссбраузерен.
    Количество изображений можете выбрать сами, нужно только добавлять img и соответствующее им количество переключателей.
    Помните, что номер переключателя начинается с 0.
    Ширина изображений 400px.

    В Css стили:
    Код
    /* Слайдер от ILyeS */  
      .block{background:#222;padding:10px 10px 0;border-radius:10px;width:400px}  
      .block img{border:0;display:none}  
      .block div{margin:10px auto 0;background:#ddd;padding:5px 0;width:100px;border-radius:10px 10px 0 0;text-align:center}  
      .block div a{text-decoration:none;color:#ddd;background:#222;border-radius:5px;padding:2px 5px}  
      .block div a:hover{background:#444}


    В самый верх сайта (Глобальный блок, верхняя часть сайта):
    Код
    <script type="text/javascript" src="http://gigabytes.clan.su/load-ucoz/skripts/fynkciy.js"></script>


    Где желаете видеть слайдер:
    Код
    <div class="block">  
      <img src="url картинки">  
      <img src="url картинки">  
      <img src="url картинки">  
      <div>  
      <a href="javascript://" onclick="block_off();block_on('eq(0)')">1</a>  
      <a href="javascript://" onclick="block_off();block_on('eq(1)')">2</a>  
      <a href="javascript://" onclick="block_off();block_on('eq(2)')">3</a>  
      </div></div>


    Вот и все, не правда ли - очень легко и быстро.
    Иконки групп
    Cayp-RP Final
    Трафик GTA: SA
    оружие
    Подождите немного, сейчас файл будет подготовлен, через
    		 секунд Вы получите ссылку на скачивание.

    Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
    Всего комментариев: Комментариев нет , Но вы можете написать первым
    Войдите:
    avatar