Вот такой слайдер вы можете видеть у меня в шапке.
Скачать пример можно тут: http://ge.tt/8ZmFqb8 (и если не сложно то ткнуть в любую рекламу на сайте =) )
Предыдущие слайдеры:
"Кросс браузерный слайдер (не AJAX и без jQuery)"
"Cross-browser JavaScript Brand Wall Slider"
Работает очень просто в див пихаете что угодно например цитаты:
<p>Это цитата номер №1</p> <p>Это цитата номер №2</p> <p>Это цитата номер №3</p>
<img src="Картинка №1" /><img src="Картинка №2" /><img src="Картинка №3" />
в тэге <body onload="initSlider('id_Блока');">
И всё =)
Скрипт проходит, удаляет переносы строк и текст (это важно потому, что текст является так же объектом DOMа, но для слайдера он не нужен в главном блоке, а в дочерних может быть - что угодно) делит всё на элементы задаёт им одинаковую высоту ширину после чего по очереди меняет их с прозрачностью
Написал я, работает везде даже в Internet Exploer 6
Более продвинутую версию(в сочетании с дургим слайдером - "Кросс браузерный слайдер (не AJAX и без jQuery)") можете посмотреть тут: http://amayasoft.com
Будут вопросы по работе настройке и т.д., пишите!
No comments:
Post a Comment