Шаблоны для ucoz
Воскресенье, 20.09.2020, 20:09
Меню сайта
Главная страница Новости Галерея Статьи Форум Друзья сайта

uCoz

Скрипты для uCoz Шаблоны для uCoz Иконки для форума Иконки для групп

Counter-Strike 1.6

Скачать Counter-Strike 1.6 Модели оружия CS 1.6 Модели игроков CS 1.6 Другие модели CS 1.6 Готовые серверы CS 1.6 Другие сервера CS 1.6 Руссификаторы CS 1.6 Background CS 1.6 Программы для CS 1.6 Античиты CS 1.6 Спрайты CS 1.6 Конфиги CS 1.6 Плагины CS 1.6 Патчи CS 1.6 Моды CS 1.6 Карты CS 1.6 Боты CS 1.6

Counter-Strike: Source

Cкачать CSS Перчатки для CSS Руки для CSS Модели игроков для CSS Модели оружия для CSS Готовые сервера для CSS Руссификаторы для CSS Темы меню для CSS Античиты для CSS Плагины для CSS Карты для CSS Моды для CSS Боты для CSS
Категории:
Наши баннеры

Наши баннеры
Наш опрос
Как вам сайт?


Архив
Результаты
Всего голосовало: 1870
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум WEB Мастеров » Система uCoz » Другие скрипты для uCoz » Nivo Slider
Nivo Slider
SnecДата: Вторник, 15.02.2011, 19:47 | Сообщение # 1

W-Desing

ICQ:485555744

Сообщений: 441


[ ]


Нет на месте
[Table]Представляю вашему вниманию, красивый слайдер NIVO. Сразу можетепосмотреть DEMO этого слайдера разработчиков, и уже прикрученный на uCOz
Сразу говорю когда попробывал установить по инструкции появилось очень много проблем, таких что слайдер ни в какую не хотел работать, пришлось брать его с DEMO

Чем же этот слайдер хорош?
9 эффектов смены изображений
Валидный код
Возможность задания параметров работы
Различные способы навигации по изображениям
Вес запакованной версии всего 7kb
Возможность повесить на картинки ссылки
Бесплатно

Испытан в браузерах:
Internet Explorer v7+
Firefox v3+
Google Chrome v4
Safari v4
Opera v10.5
Как видно, этот слайдер картинок не поддерживает, в частности, IE6.

Использование:
1. Для использование Nivo Slider, нам нужны подключить Nivo Slider script и Nivo Slider CSS
на странице в самом конце перед /body

Code
<link rel="stylesheet" href="/nivo/nivo-slider.css" type="text/css" media="screen" />         
<script src="/nivo/jquery.nivo.slider.pack.js" type="text/javascript"></script>         
<script type="text/javascript">         
$(window).load(function() {         
           $('#slider1').nivoSlider({ pauseTime:5000, pauseOnHover:false });         
           setTimeout(function(){         
           $('#slider2').nivoSlider({ pauseTime:5000, pauseOnHover:false });         
           }, 1000);         
           setTimeout(function(){         
           $('#slider3').nivoSlider({         
           pauseTime:5000,         
           p ause OnHover: false,         
           c ontrolN avThumbs:t rue         
           });         
           }, 2000);         

           setTimeout(function(){         
           $('#slider4').nivoSlider({         
           effect:'random',         
           a n imSpeed: 1500,         
           p auseTime :5000,         
           s tartSlide:4,         
           dir ectionNav:false,         
           controlNav:true,         
           keyboardNav:false,         
           pauseOnHover:false         
           }  );         
           }, 3000);         
});         
</script>

2. Теперь HTML. Обратите внимание чтобы добавить подпись к изображению, нужно прописать
простой атрибут title. Прадставлены все 4 варианта слайдера как ина демо...

Code
<h2>Установки по умолчанию</h2>         
           <div id="slider1" class="nivoSlider">         
           <img src="/images/up.jpg" alt="" />         
           <img src="/images/monstersinc.jpg" alt=""/>         
           <img src="/images/nemo.jpg" alt="" />         
           <img src="/images/walle.jpg" alt="" />         
           </div>         
<br/>         
           <h2>С подписями и Ссылки</h2>         
           <div id="slider2" class="nivoSlider">         
           <a href="/"><img src="/images/up.jpg" title="ваша подпись №1" /></a>         
           <a href="/"><img src="/images/monstersinc.jpg" title="ваша подпись" /></a>         
           <a href="/"><img src="/images/nemo.jpg" title="ваша подпись№2" /></a>         
           <a href="/"><img src="/images/walle.jpg" title="ваша подпись" /></a>         
           </div>         
<br/>         
           <h2>С эскизами</h2>         
           <div id="slider3" class="nivoSlider">         
           <img src="/images/up.jpg" alt="" />         
           <img src="/images/monstersinc.jpg" alt=""/>         
           <img src="/images/nemo.jpg" alt="" />         
           <img src="/images/walle.jpg" alt="" />         
           </div>         

           <h2>В случайном порядке</h2>         
           <div id="slider4" class="nivoSlider">         
           <img src="/images/up.jpg" alt="" />         
           <img src="/images/monstersinc.jpg" />         
           <img src="/images/nemo.jpg" alt="" />         
           <img src="/images/walle.jpg" alt="" />         
           </div>

Ну вот вроде и все. Удачи в использовании wink

[admin]http://exfile.ru/112565[/admin]
[/Table]


Форум WEB Мастеров » Система uCoz » Другие скрипты для uCoz » Nivo Slider
  • Страница 1 из 1
  • 1
Поиск:
Поиск по сайту
Статистика
Онлайн:


Зарег. на сайте:
Всего: 25645
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов: 2
Модераторов: 1
Дизайнеров:
Файловиков: 1
Журналистов: 0
Проверенных: 24
Обычных: 25617
Забаненых: 0
Из них:
Парней: 2095
Девушек: 67
Счетчики:
Сегодня нас посетили:
Друзья сайта
Мы в TOP'ax
Свободно Свободно Свободно
СвободноСвободно Свободно
|