Вебмастеру

 
 
11

помогите отредактировать скрипт

  • Категория: html
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];
}

скрипт такой, рисунки меняются резко, что нужно добавить что бы рисунок менялся плавно?
заранее спасибо
 
 
1

Евгений

  • группа: Гости
тут вероятно нужно не просто менять ссылку а сначала визуальных эффектов добавить прозрачность менять.
Или я неверно понял суть?
 
 
2

Булат

  • группа: Гости
рисунок меняется резко, мне нужно что бы он плавно менялся, типа перехода(например на power pointe анимации смены слайдов) , я не знаю что добавить в код что бы реализовать это, раньше на сайтах встречал подобную вещь, ща не могу наййти
 
 
3

Максим

  • группа: Гости
http://kstovo.ru - там есть меняющийся баннер (на одной строке с логотипом 468px × 60px). думаю то что тебе надо. однако там картинки из базы беруться, а вот эффект тот.
 
 
4

Евгений

  • группа: Гости
кстати советую обратить внимание на jquery.
 
 
5

Андрей

  • группа: Гости
 
 
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

Булат

  • группа: Гости
спасибо)))
 
 
Регистрация

Популярные статьи

» Mozilla Firefox: помощь и взаимоподдержка. Спрашиваем, ...
» Вопросы от новичков...
» перешли ли вы 100% на линукс без установленной параллел ...
» Ваши любимые плагины и дополнения
» Ответы на вопросы по PHP
» Какие CMS ВЫ предпочитаете - (плюсы и минусы)
» FAQ: вопросы и ответы
» Вопросы и консультации
» Другие браузеры (голосование!)
» Зарплата PHP программиста