Программирование > JavaScript & JScript

плавная смена картинок

(1/2) > >>

mz5n:
только не бейте сильно т.к я далеко не программист.
Задача: нужно сделать сайт-портфолио с фотографиями. На главной странице задумано небольшое слайд-шоу : 5-6 разных изображений в отдельном окне. Непременное условие: чтобы смена изображений происходила плавно. Как менять изображения дискретно я уже знаю:


 // preloader

var img=new Array();
img[0]=new Image(); img[0].src="1.gif";
img[1]=new Image(); img[1].src="2.gif";
img[2]=new Image(); img[2].src="3.gif";
var interval=500;

var n=0;
var imgs = new Array("1.gif","2.gif","3.gif");
function rotate(){
   if(navigator.appName=="Netscape" && document.getElementById){
   document.getElementById("p").src=imgs[n];
   }
   else document.images.p.src=imgs[n];
   (n==(imgs.length-1))?n=0:n++;
   setTimeout("rotate()",interval);
}
// -->



 Я так понимаю тут чего-то другое нужно. Подскажите куда копать?

CGVictor:
mz5n
Можно копать в сторону transition effects (для IE only)
Можно в сторону CSS filter:alpha (изменение прозрачности по таймеру)
Либо в сторону Java-апплетов (их таких до дури)

mz5n:
Спасибо, CGVictor. А нельзя ли поподробнее про таймер для Alpha?
Идея хороша, только не откопал ничего в сети. Дайте хоть ссылочку плиз.

AlexVN:
Первое, что тебе пригодится, это setTimeout: http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/setTimeout.asp
Второе, это динамическое изменение стиля: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/filter.asp
И третье - это пример использования прозрачности: http://www.quirksmode.org/css/opacity.html

mz5n:
Спасибо, буду въезжать

Навигация

[0] Главная страница сообщений

[#] Следующая страница