Эффекты на основе Java Script, jQuery и т.д.

Простой слайдер-переключатель картинок


	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style> /* стили слайдера и его элементов */ #js2slideshow{position:relative;top:0px;left:0px;overflow:hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 2px solid #44ffff;} #js2slideshow img{position:relative;vertical-align:top;} #js2slideshow ul{overflow:hidden;margin:0;padding:0} #js2slideshow li{list-style:none;display:inline-block;position:absolute;z-index:0}</style> <script> var period = 5000; // время отображения картинки var skorost =10; // скорость переключения картинок </script>
Основное подписано, остальное всё просто и, думаю, пояснений не потребует.
Внутри тега <BODY> - </BODY> там где у Вас будет слайдер.
<div id="js2slideshow"> <ul> <li><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_dwigetsj/853/i1.jpg"></li> <li><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_dwigetsj/853/i2.jpg"></li> <li><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_dwigetsj/853/i3.jpg"></li> <li><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_dwigetsj/853/i4.jpg"></li> <li><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_dwigetsj/853/i5.jpg"></li> </ul> </div>
Задаём картинки. Впринципе, слайдер можно использовать для переключения любого другого контента: текст, таблички, формы и.т.д.. Так-же можно сделать ручное управление слайдером.
Внутри тега <BODY> - </BODY> в самый низ перед </BODY> ставим скрипт.
<script src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_dwigetsj/853/slide_shou.js"></script>
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.