Навигация
Главная-скачать шаблоны Форум Базы каталогов сайтов Уроки Photoshop and ucoz Все для Ucoz Скрипты для ucoz Скрипты меню Статьи вебмастеру Все для photoshop Программы/Софт Видео уроки After Effects Шаблоны для сайтов Игровые шаблоны Разные шаблоны Новости
Приобрести VIP Обратная связь Правила сайта Последние новости Все материалы сайта Каталог сайтов Обменный пункт Реклама на сайте Покупаем статьи. ]]> ]]> Заказать рип Наши баннеры
Разделы
Наша кнопка
![]()
Реклама на UC
Популярные статьи
Архив новостей
Опрос
Оцените новый шаблон!
Облако тегов
2011, DLE, Female template, Firefox, fotoshop, Google, Mozilla, Opera, Photoshop, PSD, ucoz, Женские, Конструктор, Костюмы, Кроссбраузерность, Мультимедиа, Оригинал, Скрипт, Смотреть, Форум, Шаблоны для фотошопа, адаптация, бесплатно, браузерах, видео, дизайн, игровой шаблон, кроссбраузен, новый шаблон, программы, рип, сайт, сайта, скачать, скрипт для ucoz, фотошоп, шаблон, шаблон для 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Советуем скачать бесплатно
Если вы хотите что то добавить к статье «Cкроллер содержимого на jQuery для ucoz» или просто поделиться своими впечатлениями о скачанном в общей категории «Скрипты для Ucoz», то можете это сделать в блоке "Комментарии" ниже.
Будьте пожалуйста предельно корректны и взаимовежливы. Спам на нашем сайте наказуем!
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Комментарии:
РЕКЛАМА
|
Профиль
Привет гость
![]()
Реклама на UC
Мини чат
Топ photoshop
Полезные записи
Календарь
Топ пользователей
Контакты
]]>
|