Наша кнопка
Скачать красивые рипы сайтов ucoz и на заказ


Реклама на UC
]]> ]]>
Популярные статьи
Архив новостей
Декабрь 2012 (7)
Ноябрь 2012 (11)
Октябрь 2012 (7)
Сентябрь 2012 (1)
Июль 2012 (1)
Июнь 2012 (2)
 Все категории:
Опрос
Оцените новый шаблон!
 
Это интересно
]]>
загрузка...
]]>
РЕКЛАМА
]]> ]]>
ИНТЕРЕСНОЕ
ПОСЛЕДНИЕ ОТВЕТЫ С ФОРУМА

 Новые рипы сайтов, и шаблоны для ucoz. » Все для Ucoz » Скрипты для Ucoz » Cкроллер содержимого на jQuery для ucoz

Скрипты для Ucoz на UCOZ-COPY.RU

Интересное

]]>
загрузка...
]]>
Распечатать

Cкроллер содержимого на jQuery для ucoz скачать бесплатно

 

Cкроллер содержимого на jQuery для ucoz

 

 

Итак скрипт Cкроллер содержимого на jQuery для ucoz- вы можете использовать на своих ucoz сайтах, для вывода красивого вида любых своих статей с картинками и ссылками на них. Выглядит скроллер очень красиво, имеет кнопки проурутки изображений.

 

Приступим к установке скрипта:

 

На тех страницах где вы желаете видеть скроллер после тега body добавим следующие скрипты

 

<script type="text/javascript" src="amazon_scroller.js"></script>
<script language="javascript" type="text/javascript">
  $(function() {  
  $("#amazon_scroller").amazon_scroller({
  scroller_title_show: 'enable',
  scroller_time_interval: '3000',
  scroller_window_background_color: "none",
  scroller_window_padding: '10',
  scroller_border_size: '2',
  scroller_border_color: '#9C6',
  scroller_images_width: '80',
  scroller_images_height: '60',
  scroller_title_size: '11',
  scroller_title_color: 'black',
  scroller_show_count: '3',
  directory: 'http://ucoz-copy.ru/htm/img'
  });
  });
  </script>

 

Для правильного отображения, переключателей прокрутки картинок в скроллере, нужно установить дирректорию пути где находится файл изображения arrow.gif, в моем случае скрипта это directory: 'http://ucoz-copy.ru/htm/img', вам нужно поменять на свое.

 

Далее приступим к установке основного кода скрипта

 

<div id="amazon_scroller" class="amazon_scroller">
  <div class="amazon_scroller_mask">
  <ul>
  <li><a href="#"><img src="img/Fade_Out_01.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_02.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_03.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_04.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_01.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_02.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_03.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_04.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_01.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_02.jpg" alt="title"/></a></li>
  <li><a href="#"><img src="img/Fade_Out_03.jpg" alt="title"/></a></li>
  </ul>
  </div>
  <ul class="amazon_scroller_nav">
  <li></li>
  <li></li>
  </ul>
  <div style="clear: both"></div>
  </div>

 

CSS

 

.amazon_scroller{
  padding: 0px;
  margin: 0px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -khtml-border-radius: 10px;
}
.amazon_scroller .amazon_scroller_nav{
  position: absolute;
}
.amazon_scroller .amazon_scroller_nav li{
  cursor: pointer;
  position: absolute;
}
.amazon_scroller .amazon_scroller_mask{
  position: absolute;
  margin-left: 30px;
  margin-right: 30px;
  overflow: hidden;
}
.amazon_scroller ul{
  padding: 0px;
  margin: 0px;
  float: left;
}
.amazon_scroller ul li{
  padding: 0px;
  margin: 0px;
  margin-left: 5px;
  margin-right: 5px;
  list-style: none;
  float: left;
  text-align: center;
  display:inline;
}
.amazon_scroller ul li a{
  text-decoration: none;
}
.amazon_scroller ul li a:hover{
  text-decoration: underline;
}
.amazon_scroller ul li a img{
  border: none;
}

 

Живой пример работы скрипта Cкроллер содержимого на jQuery для ucoz

Cкроллер содержимого на jQuery для ucoz

Быстрый поиск: скроллер, jQuery, скрипт для ucoz, js ...
  Все для Ucoz » Скрипты для Ucoz | Просмотров: 2237 | 23-03-2011, 15:55

Советуем скачать бесплатно


Если вы хотите что то добавить к статье «Cкроллер содержимого на jQuery для ucoz» или просто поделиться своими впечатлениями о скачанном в общей категории «Скрипты для Ucoz», то можете это сделать в блоке "Комментарии" ниже.
Будьте пожалуйста предельно корректны и взаимовежливы. Спам на нашем сайте наказуем!

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Комментарии:


Написал: viver 21 сентября 2011 17:47
а у всех код не копируется?


Добавление комментария

Имя:*
E-Mail:*
Вопрос:
2+2=
Ответ:*
Введите код: *


РЕКЛАМА
Профиль
Привет гость
noavatar
Логин:
Пароль:

Реклама на UC
]]> ]]>
Мини чат

ПРОЕКТ no-problems . ucoz . net
Раскрутка сайтов, общение, приятная команда, всё для ucoz'a советы и многое другое
Хосты 100+
ИДЕТ НАБОР В КОМАНДУ САЙТА!
Пишите мне на сайте пользователь Linus
no-problems . ucoz . net
Ни каких проблем со скачиванием нету!!! wassat
Как скачать шаблоны, пожалуйста, помогите
Всем привет)))
Привет
Приветствую всех! :)
Спасибо, присоединяйтесь, к нашей дружной команде wassat
Да сайт грамотный winked
классный сайт)
Если человек попал в беду, я его фигуру мелом обведу!
Для добавления необходима авторизация.
Календарь
«    Январь 2013    »
Пн Вт Ср Чт Пт Сб Вс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
Топ пользователей
lelik 30 декабря 2010
ICQ: -Не указано-
Новостей: 316
Комментариев: 38
mozga-net 30 декабря 2010
ICQ: 607718372
Новостей: 140
Комментариев: 17
volnymixail 9 октября 2011
ICQ: 3859170
Новостей: 34
Комментариев: 0
INDIGO 30 декабря 2010
ICQ: 553555543
Новостей: 23
Комментариев: 20
nikolaev 9 октября 2011
ICQ: 550553776
Новостей: 19
Комментариев: 3
Статистика
(0):
Юзеры
Гости: (1):
(0):
Боты
Всего на сайте: 1
]]>

]]>
Контакты
]]>

Администратор: mozga-net mozga.nett

Администратор: lelik 384-939-998

Администратор: mozga-net 607-718-372

email Rip@ucoz-copy.ru

]]>