Новые сообщения · Участники · Правила форума · Поиск
  • Страница 1 из 12
  • 1
  • 2
  • 3
  • 11
  • 12
  • »
Модератор форума: z-17, Anarki  
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Nivo Slider (чудесный слайдер, с потрясающими эффектами)
Nivo Slider
AimedДата: Пятница, 02.07.2010, 19:27 | Сообщение # 1
Генерал-лейтенант
Сообщений: 648
Репутация: 60
Социальная репутация:

Статус: Оффлайн




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

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

Видео по установке:
http://www.youtube.com/watch?v=_B_NZqiAf0g
Использование:
1. Для использование Nivo Slider, нам нужны подключить Nivo Slider script и Nivo Slider CSS
на странице в самом конце перед </body>

Code
<link rel="stylesheet" href="/slider_nivo/nivo/nivo-slider.css" type="text/css" media="screen" />
<script src="/slider_nivo/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,
       pauseOnHover:false,
       controlNavThumbs:true
       });
       }, 2000);
       setTimeout(function(){
       $('#slider4').nivoSlider({
       effect:'boxRandom,boxRain,boxRainReverse,boxRainGrow,boxRainGrowReverse',
       pauseTime:5000,
       pauseOnHover:false,
       boxCols: 8,
       boxRows: 4
       });
       }, 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>


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


slider_nivo.rar(345.5 Kb)
Как установить кнопки социальных сетей?

Не поленитесь просмотреть весьма внушительный Список рабочих uCoz скриптов



Сообщение отредактировал Aimed - Суббота, 03.12.2011, 15:41
 
PsixiatorДата: Пятница, 02.07.2010, 19:55 | Сообщение # 2
Генерал-лейтенант
Сообщений: 586
Репутация: 27
Социальная репутация:

Статус: Оффлайн
супер
 
kokaДата: Пятница, 16.07.2010, 03:49 | Сообщение # 3
Лейтенант
Сообщений: 59
Репутация: 0
Социальная репутация:

Статус: Оффлайн
что то я не понял как его поставить, и для чего он конкретно нужен этот скрипт? извините , я нови чек
 
HTMLWarriorДата: Пятница, 16.07.2010, 11:54 | Сообщение # 4
Призрак форума
Сообщений: 280
Репутация: 29
Социальная репутация:

Статус: Оффлайн
Quote (koka)
что то я не понял как его поставить, и для чего он конкретно нужен этот скрипт? извините , я нови чек

для слайд шоу*переключения картинок)
автору спасибо за копипаст smile
добавлю в копилку как прийду с работы smile


Моя строй площадка
 
NagganoДата: Вторник, 20.07.2010, 23:29 | Сообщение # 5
Рядовой
Сообщений: 17
Репутация: 0
Социальная репутация:

Статус: Оффлайн
супер просто спс
 
AimedДата: Суббота, 24.07.2010, 20:27 | Сообщение # 6
Генерал-лейтенант
Сообщений: 648
Репутация: 60
Социальная репутация:

Статус: Оффлайн
Ну человеку нужен был, я выложил, всем пожалуйста
 
iceskullДата: Суббота, 24.07.2010, 23:20 | Сообщение # 7
Подполковник
Сообщений: 123
Репутация: 2
Социальная репутация:

Статус: Оффлайн
мля как создать новую тему surprised ? я немогу её создать... ну придётся сюды написать))) есть скрипт топ 10 пользователей? smile
когда я вырасту я стану вебмастером! а деньги?

 
HTMLWarriorДата: Воскресенье, 25.07.2010, 00:55 | Сообщение # 8
Призрак форума
Сообщений: 280
Репутация: 29
Социальная репутация:

Статус: Оффлайн
Quote (iceskull)
мля как создать новую тему ? я немогу её создать... ну придётся сюды написать))) есть скрипт топ 10 пользователей?

вон дверь ,вон нафиг biggrin
раздел поисков скриптов ниже


Моя строй площадка
 
pikassoДата: Воскресенье, 25.07.2010, 01:40 | Сообщение # 9
Генерал-полковник
Сообщений: 925
Репутация: 80
Социальная репутация:

Статус: Оффлайн
Quote (iceskull)
мля как создать новую тему ? я немогу её создать... ну придётся сюды написать))) есть скрипт топ 10 пользователей?

кнопка сверху в правом углу! а так по вопросу информер тебе в помощь!


 
HTMLWarriorДата: Воскресенье, 25.07.2010, 03:26 | Сообщение # 10
Призрак форума
Сообщений: 280
Репутация: 29
Социальная репутация:

Статус: Оффлайн
Quote (pikasso)
кнопка сверху в правом углу

группе "пользователи" запрещенно создавать темы в этом разделе smile


Моя строй площадка
 
iceskullДата: Воскресенье, 25.07.2010, 12:18 | Сообщение # 11
Подполковник
Сообщений: 123
Репутация: 2
Социальная репутация:

Статус: Оффлайн
HTMLWarrior, pikasso, ну понимаете что тут неполадки то она есть то её нету
когда я вырасту я стану вебмастером! а деньги?

 
HummeRokДата: Воскресенье, 15.08.2010, 18:59 | Сообщение # 12
Сержант
Сообщений: 26
Репутация: 0
Социальная репутация:

Статус: Оффлайн
Залил папку Nivo Slider в корень Фтп === Потом вставил скрипт (в Редактирование шаблонов--Страницы сайта)

После взял HTML (с ссылками и подписями)
И в ставил в Конструктор шаблонов (Сохранил) И картинки не в самом блоке,а все по отдельности)
Я хочу в стандартный шаблон от ucoz (998) вместо стандартной шапки кинуть slide возможно ли это?
Вот сам код шаблона

Заранее спасибо
 
cechДата: Пятница, 20.08.2010, 13:28 | Сообщение # 13
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Оффлайн
хотя бы источник поставил тогда, раз взял)
 
MeowДата: Пятница, 20.08.2010, 14:18 | Сообщение # 14
Рядовой
Сообщений: 739
Репутация: 69
Социальная репутация:

Статус: Оффлайн
cech, ты с этого источника и качаешь )
 
FantasticДата: Пятница, 27.08.2010, 17:00 | Сообщение # 15
Рядовой
Сообщений: 8
Репутация: 0
Социальная репутация:

Статус: Оффлайн
что за фигня у меня все картинки все отдельно как это исправить? объясните лучше как его установить

Сообщение отредактировал Fantastic - Пятница, 27.08.2010, 17:08
 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Nivo Slider (чудесный слайдер, с потрясающими эффектами)
  • Страница 1 из 12
  • 1
  • 2
  • 3
  • 11
  • 12
  • »
Поиск: