Программа слайд-шоу DHTML (1)

Автор：Eve Cole Время обновления：2009-06-20 17:00:35

Это программа слайд-шоу, которая поочередно воспроизводит изображения. Мы можем видеть эту форму рекламных панелей воспроизведения на некоторых сайтах, большинство из которых созданы с использованием CGI, а это означает, что сервер должен поддерживать программы CGI, такие как ASP, PHP, Perl и т. д. Но наш метод реализации здесь не требует CGI, он использует только эффекты CSS и управление JavaScript. Если ваш браузер IE 4.0 или выше, или Netscape 3.0 или выше. Просто здесь мы используем эффект CSS Filter, который может появиться только в IE. Для получения информации о эффектах фильтров CSS вы можете обратиться к моему «Подробному объяснению фильтров в CSS», опубликованному на Yesky.com.
Хорошо, давайте сделаем некоторые приготовления.

Прежде всего, чтобы создать этот эффект, нам сначала нужно сделать несколько картинок одинакового размера и дать им проигрываться по очереди. Например, в качестве использованных изображений я нашел следующие три изображения размером 88x31.

Во-вторых, давайте рассмотрим знания о фильтре преобразования изображений Filter в CSS:

Отображать фильтр преобразования в CSS

Фильтр преобразования изображения обеспечивает более разнообразный эффект преобразования. В отличие от фильтра гибридного преобразования, который обеспечивает только эффект постепенного появления и исчезновения, он также обеспечивает больше эффектов преобразования изображения. Его синтаксис:

Фильтр: RevealTrans (продолжительность = количество секунд для конвертации, переход = тип конверсии)

Как видите, у него есть параметр типа преобразования. Здесь предусмотрено 24 типа преобразования. Нам нужно только указать кодовое имя типа преобразования, чтобы преобразовать изображение в соответствии с уникальным эффектом преобразования. В следующей таблице показаны 24 формы фильтров преобразования и соответствующие им коды:
Отображение кода форме преобразования фильтра преобразования. Толкать

кода, соответствующего	форме преобразования фильтра преобразования.	Отображение	, соответствующего
Прямоугольник от большого к маленькому	0	случайным образом растворяется	12
прямоугольник от меньшего к	большему 1	разделяется вертикально внутрь	13
круг от большего к меньшему.	2	вертикальный Разделение наружу	14
Круглый От малого к большому	3	Разделение горизонтально внутрь	15
Толкать вверх	4	Разделение горизонтально наружу	16
Толкать вниз	5	Откидывать влево и вниз	17
вправо	6	Откидывать вверх влево	18
Толкать влево Открыть	7	Откидывать вниз вправо	19
Вертикальные жалюзи	8	Откидывать вверх и вправо	20
Горизонтальные жалюзи	9	Случайные горизонтальные тонкие линии	21
Горизонтальная шахматная доска	10	Случайные вертикальные тонкие линии	22
Вертикальная шахматная доска	11	Случайный выбор специального эффекта	23