|
Скрипт галереи с плавным переходом для всех браузеровОбсуждение темы Скрипт галереи с плавным переходом для всех браузеров в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Вечер добрый ! дело обстоит так: значь есть скрипт галереи с плавным переходом (вперед и назад) для всех браузеров: Код: <script> var slide ... |
|
Опции темы |
03.10.2008, 20:36 | #1 |
|
Вечер добрый !
дело обстоит так: значь есть скрипт галереи с плавным переходом (вперед и назад) для всех браузеров: Код:
<script> var slide = new Array; var pictureName = new Array("flower[1].jpg", "flower[2].jpg", "flower[3].jpg", "flower[4].jpg"); for (var i = 0; i < pictureName.length; i++) { slide[i] = new Image(); slide[i].src = pictureName[i]; } var m = new Array(0, 100); var nextImage = 0; var t = ""; function next(step) { if (t != "") return; m[0] = 0; m[1] = 100; nextImage = nextImage + step; if (nextImage == pictureName.length) { nextImage = 0; } if (nextImage == -1) { nextImage = pictureName.length - 1; } document.getElementById("after").src = slide[nextImage].src; change_slide(); } function change_slide() { m[0] += 1; m[1] -= 1; document.getElementById("before_div").style.opacity = m[1]/100; document.getElementById("after_div").style.opacity = m[0]/100; document.getElementById("after_div").style.filter="alpha(opacity="+m[0]+")"; document.getElementById("before_div").style.filter="alpha(opacity="+m[1]+")"; t = setTimeout("change_slide()",5); if (m[0] > 98) { clearTimeout(t); document.getElementById("before").src = slide[nextImage].src; document.getElementById("before_div").style.opacity = 100; document.getElementById("before_div").style.filter="alpha(opacity=0)"; t = ""; } } </script> <style> .pic { position: absolute; top: 100px; left: 100px } a.navigation { text-decoration: none } </style> <div id="after_div" class="pic"> <img id="after" src="flower[2].jpg"> </div> <div id="before_div" class="pic"> <img id="before" src="flower[1].jpg"> </div> <a href="javascript:next(-1)" class="navigation"><< Назад</a> <a href="javascript:next(1)" class="navigation">Вперед >></a> Спасибо за ответ =)) |
|
03.10.2008, 21:13 | #2 |
|
|
|
03.10.2008, 22:06 | #3 |
|
|
|
05.10.2008, 20:55 | #4 |
|
Сделать можно. Только вопрос поставьте более понятный и доходчивый. Думаю, за определенное вознаграждение кто-нибудь тут вам поможет)
З.Ы. Что значит "плавный переход"? |
|
06.10.2008, 01:10 | #5 | |
|
Цитата:
смена картинок |
|
|
07.10.2008, 20:02 | #6 |
|
кстати я нашел решение данной проблемы.... даже я сказал бы БОЛЕЕ ТОГО !!!
вот ссылка: http://highslide.com/#examples Можете сказать спасибо |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Подскажите движок сайта и скрипт галереи | darkgod | Кальянная | 3 | 16.02.2012 01:05 |
Скрипт галереи | Fazzz | HTML, CSS, JavaScript | 1 | 17.09.2008 09:35 |
Битва браузеров | Sos | Кальянная | 12 | 10.04.2006 09:48 |
Нужен скрипт галереи | Silver | ASP, Perl, PHP и MySQL | 7 | 09.09.2005 11:56 |
Как вставить готовый скрипт фото галереи в страницу? | Scorp | ASP, Perl, PHP и MySQL | 3 | 26.05.2005 08:02 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|