Помогите, пжлста, найти (или написать) скрипт для смены картинок.
Здравствуйте, уважаемые JavaScript-специалисты.
Помогите, пжлста, найти скрипт, который будет плавно менять картинки (желательно с эффектом затухания картинок) через определенное время. :help: Я заемучался копаться в сети, нахожу не то, что нужно. |
Берём HTML
<img src="Голубые холмы.jpg" id="image"> <br><br> <input type="button" value=" START " onclick="dissolution(0)"> прикручиваем к нему скрипт
<script type="text/javascript">
// Предварительная загрузка изображений
var Images = new Array(4);
Images[0] = new Image(48, 48);
Images[0].src = 'Голубые холмы.jpg';
Images[1] = new Image(48, 48);
Images[1].src = 'Закат.jpg';
Images[2] = new Image(48, 48);
Images[2].src = 'Зима.jpg';
Images[3] = new Image(48, 48);
Images[3].src = 'Водяные лилии.jpg';
document.getElementById("image").style.opacity = 1;
document.getElementById("image").style.filter = 100;
count = 1;
function dissolution(type)
{
// Путные браузеры
var opacity = document.getElementById("image").style.opacity;
opacity = parseFloat(opacity);
filter = opacity*100;
// Растворение
if ( type == 0 )
{
if ( opacity > 0.05 )
{
// Путные браузеры
document.getElementById("image").style.opacity = opacity - 0.01;
// Осёл
document.getElementById("image").style.filter = "alpha(opacity="+filter+")";
// "Скорость" затухания
setTimeout("dissolution(0)", 20);
}
else
{
setTimeout("dissolution(1)", 20);
document.getElementById("image").src = Images[count].src;
if ( count < 3 ) count++; else count = 0;
}
}
// Появление
else
{
if ( opacity < 1 )
{
opacity = opacity + 0.01;
// Путные браузеры
document.getElementById("image").style.opacity = opacity;
// Осёл
document.getElementById("image").style.filter = "alpha(opacity="+filter+")";
// "Скорость" появления
setTimeout("dissolution(1)", 10);
}
else
{
// Время показа картинки
setTimeout("dissolution(0)", 2000);
}
}
}
</script>
Кидаем это всё в папку Мои рисунки -> Образцы рисунков, запускаем, жмём кнопку и смотрим слайд-шоу P.S.: Возможно код не идеален - собрал за 10 минут. |
Цитата:
|
http://www.irinakruzhilina.com/play/opera/43/31
откройте страницу, не двигайте мышь. или переключайте картинки. моя работа. |
Спасибо за скрипт Тим.
Я ищу нечто похожее, но чтобы запускалось само. Т.к. у меня задача прокручивать несколько серий на странице одновременн. Заранее блдагодарю, Илья. |
myboat,
:) ну вы и тему раскопали. Я уж забыл, что это я писла, думал анку ломанули. Чтобы запустить "автоматом" (я так понимаю, что это после загрузки страницы) прикрутите обработчик к событию "onload".
onload = function(){
dissolution(0);
}
|
Пожалуйста, подскажите, как сделать так
Пожалуйста, подскажите, как сделать так, чтобы скрипт после окончания показа повторял сначала всю последовательность картинок, а то когда картинки кончаеются, он всё время только последнюю повторяет. :( Заранее спасибо!
|
Здравствуйте!
Судя по вашему сообщению, вы ну совсем не знаете javascript. Освойте основы языка и вопрос отпадет сам, полностью или частично. А с чем не справитесь - поможем. На сайте javascript можно начать изучать с учебника, раздел Основы javascript. Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/ Задавайте конкретные вопросы по ходу дела. |
Павел Пичужкин,
сколько платите? |
HTML я знаю очень хорошо. А с JavaScript-ом У меня действительно туго. Понимаю, но совсем поверхностно. Спасибо за ссылки, постараюсь чему-нибудь научиться. :thanks:
|
| Часовой пояс GMT +3, время: 05:16. |