Приветствую Вас Гость

Bнимение!Сайт переехал Asler.net

Гость


Группа: Гости
Время:13:19

Гость, я приветствую Вас. Пожалуйста зарегистрируйтесь или авторизуйтесь, т.к. то,что вы ищите,возможно скачать или увидеть только авторизированным посетителям!

Z422079927349
R903678725403
410011126719528





Онлайн всего: 1
Гостей: 1
Пользователей: 0
 Каталог файлов 
Главная » Файлы » Скрипты » Скрипты для UCoz
Slider
06.11.2011, 18:12
         
    
    
    
    
  
Для использования слайдера, нам нужно подключить script и CSS на странице материала и коментов к нему в самом конце перед </body>  т.к. при загрузке страницы наш скрипт должен грузиться в последнюю очередь. 
Качаем архив и кидаем Script и CSS к себе на сервер и в следующем коде меняем пути к ним на свои, а так же меняем путь в файле CSS для изображения (стрелочек).

<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:10000, pauseOnHover:false }); 
setTimeout(function(){ 
$('#slider2').nivoSlider({ pauseTime:11000, pauseOnHover:false }); 
}, 10); 
setTimeout(function(){ 
$('#slider3').nivoSlider({ 
pauseTime:12000, 
pauseOnHover:false, 
controlNavThumbs:true 
}); 
}, 20); 
setTimeout(function(){ 
$('#slider4').nivoSlider({ 
pauseTime:13000, 
pauseOnHover:false
}); 
}, 30); 
}); 
</script> 

Теперь HTML 


<table border="1" align="center"><tbody> 
<tr><td width="150"><div id="slider1" class="nivoSlider"> 
<img src="http://asler.at.ua/images-slider/img01.jpg"> 
<img src="http://asler.at.ua/images-slider/img02.jpg"> 
<img src="http://asler.at.ua/images-slider/img03.jpg"> 
<img src="http://asler.at.ua/images-slider/img04.jpg"></div></td> 
<td width="150"><div id="slider2" class="nivoSlider"> 
<img src="http://asler.at.ua/images-slider/img05.jpg"> 
<img src="http://asler.at.ua/images-slider/img06.jpg"> 
<img src="http://asler.at.ua/images-slider/img07.jpg"> 
<img src="http://asler.at.ua/images-slider/img08.jpg"></div></td> 
<td width="150"><div id="slider3" class="nivoSlider"> 
<img src="http://asler.at.ua/images-slider/img09.jpg"> 
<img src="http://asler.at.ua/images-slider/img10.jpg"> 
<img src="http://asler.at.ua/images-slider/img11.jpg"> 
<img src="http://asler.at.ua/images-slider/img12.jpg"></div></td> 
<td width="150"><div id="slider4" class="nivoSlider"> 
<img src="http://asler.at.ua/images-slider/img13.jpg"> 
<img src="http://asler.at.ua/images-slider/img14.jpg"> 
<img src="http://asler.at.ua/images-slider/img15.jpg"> 
<img src="http://asler.at.ua/images-slider/img16.jpg"></div></td></tr> 
</tbody> 
</table> 

[ Для скачивания файлов необходима регистрация или авторизация ]
Категория: Скрипты для UCoz | Добавил: Admin
Просмотров: 3034 | Загрузок: 38 | Комментарии: 5 | Рейтинг: 4.4/8
Всего комментариев: 4

syaber

ТИГР, странице материала и коментов к нему в самом конце перед </body>
Добавлен: 17.12.2012
<

ТИГР

чет не пойму.первый блок тегов куда кидать надо?
Добавлен: 17.12.2012
<

syaber

Admin, огромное спасибо)))
Добавлен: 05.02.2012
<

syaber

А как изменить ширину и высоту картинки ,я загружал картинки от 500Х400 и сайт просто разривался, можно ли в джава скрипте или в CSS фале установить свою ширину и высоту, чтобы когда выдел слайдер то было 200х100 например ,а когда откривал картинку в другом окне, чтобы скачать то выдавало её истинный размер)?)
Можно ли такое сделать, подскажите пожалуста)))
Добавлен: 05.02.2012
<
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]















Поиск
Категории раздела
Скрипты для UCoz [10]
Copyright MyCorp © 2024