|
var pictures =
["http://localhost/file.php/1/image003.jpg", "http://localhost/file.php/1/image005.jpg"]; var counter=0; image.src=pictures[counter]; window.setInterval("rollup()",5000); function rollup() { ++ counter; if (counter==pictures.length) counter=0; image.src = pictures[counter]; } скрипт такой, рисунки меняются резко, что нужно добавить что бы рисунок менялся плавно? заранее спасибо
2
Булат
рисунок меняется резко, мне нужно что бы он плавно менялся, типа перехода(например на power pointe анимации смены слайдов) , я не знаю что добавить в код что бы реализовать это, раньше на сайтах встречал подобную вещь, ща не могу наййти
3
Максим
http://kstovo.ru - там есть меняющийся баннер (на одной строке с логотипом 468px × 60px). думаю то что тебе надо. однако там картинки из базы беруться, а вот эффект тот.
4
Евгений
кстати советую обратить внимание на jquery.
6
Диляра
может просто увеличить интервал времени...
картинки будут сменяться медленнее
7
Денис
Одним элементом <img> тут в любом случае не обойтись.
Если все картинки заранее известны, то можно: - для каждой создать по элементу - указать у каждой свойство "position: absolute" - поместить их в один контейнер (у контейнера "position: relative") Управлять тем, какая картинка сейчас сверху, можно с помощью свойства z-index. Чтобы плавно изменить картинку, нужно под верхнюю "подложить" следующую (z-index), начать плавно уменьшать прозрачность верхней, затем полностью ее убрать (опять же z-index). Правда, смотрите в сторону jQuery. На pure js код получится слишком объемный, если писать кроссбраузерно. В jq же получится ну строк 15-20 от силы. Это все в теории. Если не понятно - могу завтра вечером сделать небольшой пример.
8
Булат
указать у каждой свойство "position: absolute"
это точно не катит, если я так ставлю, то в lms рисунок уходит от нужного контейнера, а подгонять это геморой, потому что ещё нужно учитывать смену размера окна и т.д. и т.п.
9
Булат
#8
Денис simple-smiler Карабаза Можно пример?))))
10
Денис
http://http://dl.dropbox.com/u/7029820/sha.../swapping-log...
Оформлено в виде плагина к jQuery, потому кода получилось много больше, чем обещанные 20 строк :) Public domain, делайте с кодом все, что пожелаете :)
11
Булат
спасибо)))
|


Евгений
Или я неверно понял суть?