Как создать перекрестный выцветанию изображения в HTML-страницах
Вас может заинтересовать также ...
Влияние, как и крест-Fade между изображениями в Flash можно легко создать, то она становится немного "менее очевидным, когда вы хотите, чтобы воспроизвести его в страницу HTML.
К счастью, всегда есть тот, кто думает, прежде чем нам!
Image Кроссфейдер Redux представляет собой комбинацию JavaScript + CSS, что делает именно это, и его осуществление в веб-страницы очень просто:
- Напомним файлов. JS и. CSS в тег голову, как обычно;
- упаковка все изображения должны исчезнуть подряд в DIV с ID = "imageContainer";
- Измените файл xfade2.css значение высоты, чтобы приспособиться к образы, которые мы будем использовать.
Ссылка: http://slayeroffice.com/code/imageCrossFade/xfade2.html
Белла, я использовал эту систему на своем блоге. Результат вы можете найти его здесь http://www.girandoilmondo.it/ordinary-life/171/cena-prenatalizia-tra-amici-nella-villa-in-campagna
Сейчас проблема заключается в другом.
Если, в дополнение к серии изображений, я хотел бы включить другие, по-прежнему раздвижных ниже, они не будут отображаться. Очевидно, когда вы используете DIV все изображения загружаются в память, и riutillizzandolo все в том же HTML-все это в конфликт.
Есть ли способ решить эту проблему?
Нос (я повторяю: нос!) Я бы сказал, просто измените функцию so_init (), который находится в JS файл.
Назначает переменной письменном виде ...
so_init(nomedelDIV)... И вместо того, чтобы ...
imgs = d.getElementById("imageContainer")... Создать ...
imgs = d.getElementById(nomedelDIV)Наконец, линия, которая вызывает функцию вне tirerei JS (называемых в теле, или по крайней мере где-то еще), путем вызова функции на DIV, который меня интересует, например.:
window.attachEvent("onload",so_init("ilmioDIV"))Белла них, спасибо.
Как только я чувствую себя немного времени там