jQuery Slider v0.7

2147
10 из 10
Проголосовало: 3




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Всем доброе время суток.

И так сегодня к вашему вниманию представить хочу - "jQuery Slider v0.7"

И так что от вас требуется а собственно не чего сложного.

И так давайте приступим к самой установке

И так скачиваем "АРХИВ" распаковываем и видим там такие "ПАПКИ"

css >>> images >>> js

Загружаем их в свой "Файловый менеджер"

После заходим на нужную страницу сайта и между тегами - <head> и </head> ставим

Code
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">  
  <link rel="stylesheet" type="text/css" href="css/slider.css" media="screen">  
  <link rel="stylesheet" type="text/css" id="skin" href="css/skins/sky-blue.css" media="screen">  

  <!--[if IE]>  
  <link rel="stylesheet" type="text/css" href="css/ie.css" media="all">  
  <![endif]-->  

  <!-- Javascripts -->  
  <script type="text/javascript" src="js/jquery.min.js"></script>  
  <script type="text/javascript" src="js/jquery.nivoslider.pack.js"></script>  
  <script type="text/javascript">  
  // Nivo Slider Опции  
  $(document).ready(function(){  
  $("#slider").nivoSlider({  
  effect: 'random', //Укажите наборы, как: «fold, fade, sliceDown"  
  slices: 20,  
  pauseTime: 5000,  
  directionNavHide: false,  
  pauseOnHover: true, //Остановить анимацию при наведении указателя  
  manualAdvance: false, //Силы ручной переходы  
  captionOpacity: 0.8 //Универсальная подпись непрозрачность  
  });  
  });  
  </script>


И там где хотим видеть данный - "jQuery Slider v0.7" ставим между <body> и </body> ставим код

Code
<!-- BY LEKUS 2012 -->  
  <div id="wrapper">  
  <div id="header_container">  
  <div id="header">  
  <div id="slider_container">  
  <div id="slider">  
  <a href="http://www.ufacer.ru/" target="_blank">  
  <img src="images/slider/slide1.jpg" width="940" height="350" alt="">  
  </a>  
  <a href="http://www.ufacer.ru/" target="_blank">  
  <img src="images/slider/slide2.jpg" width="940" height="350" alt="">  
  </a>  
  <a href="http://www.ufacer.ru/" target="_blank">  
  <img src="images/slider/slide5.jpg" width="940" height="350" alt="">  
  </a>  
  <a href="http://www.ufacer.ru/" target="_blank">  
  <img src="images/slider/slide4.jpg" width="940" height="350" alt="">  
  </a>  
  </div>  

  </div>  

  </div>  

  </div>


Собственно данные ссылки "http://www.site.ru/" меняем на свои ( или своих партнеров )

Если вы желаете добавить количество картинок в данной разработке делаем следующие

Code
<a href="http://www.ваша ссылка.ru/" target="_blank">  
  <img src="images/slider/путь картинки.jpg" width="940" height="350" alt="">  
  </a>


демо можно посмотреть - ЗДЕСЬ

Вот собственно и все, нет не чего сложного вовсе!

Желаю успехов....

Спасибо за ваше внимание с уважением - Златьев Дмитрий

По всем вопросом обращайтесь в ЛЧ

LEKUS 2012
Автор публикации: Загрузка
Загрузка
LeKcUs, это его n материал
Источник: http://www.ufacer.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2120
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    273
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: