Programme de diaporama DHTML (1)

Auteur：Eve Cole Date de mise à jour：2009-06-20 17:00:35

Il s'agit d'un programme de diaporama, qui lit les images à tour de rôle. On peut voir cette forme de barres de lecture publicitaire sur certains sites, dont la plupart sont réalisés en CGI, ce qui signifie que le serveur doit supporter les programmes CGI, comme ASP, PHP, Perl, etc. Mais notre méthode d'implémentation ici ne nécessite pas de CGI, elle utilise uniquement des effets CSS, ainsi qu'un contrôle JavaScript. Tant que votre navigateur est IE 4.0 ou supérieur ou Netscape 3.0 ou supérieur. C'est juste qu'ici nous utilisons l'effet CSS Filter, qui ne peut apparaître que dans IE. Pour plus d'informations sur les effets de filtre CSS, vous pouvez vous référer à mon "Explication détaillée des filtres en CSS", qui a été publiée sur Yesky.com.
Bon, faisons quelques préparatifs.

Tout d’abord, pour créer cet effet, il faut d’abord réaliser plusieurs images de même taille et les laisser jouer à tour de rôle. Par exemple, j'ai trouvé les trois images 88x31 suivantes comme images utilisées.

Dans un deuxième temps, passons en revue la connaissance du filtre de conversion d'image de Filter en CSS :

Afficher le filtre de transformation en CSS

Le filtre de transformation d'affichage fournit un effet de transformation plus varié. Contrairement au filtre de transformation hybride, qui fournit uniquement un effet de fondu d'entrée et de sortie, il fournit également davantage d'effets de transformation d'image.

Filtre : RevealTrans (durée = nombre de secondes à convertir, transition = type de conversion)

Comme vous pouvez le voir, il dispose d'un paramètre de type de conversion. Ici, il fournit 24 types de conversion. Il suffit de spécifier le nom de code du type de conversion pour convertir l'image en fonction de l'effet de conversion unique. Le tableau suivant présente les 24 formulaires de filtre de conversion et leurs codes correspondants :
Afficher le code la forme de conversion du filtre de conversion. Décoller vers le

le code correspondant à	la forme de conversion du filtre de conversion.	Afficher	correspondant à
Rectangle du grand au petit	0	dissoudre aléatoirement	12
rectangle du petit au	grand 1	divisé verticalement vers l'intérieur	13
cercle du grand au petit.	2	Vertical Diviser vers l'extérieur	14
Rond Petit à grand	3	Diviser horizontalement vers l'intérieur	15
Pousser vers le haut	4	Diviser horizontalement vers l'extérieur	16
Pousser vers le bas	5	Décoller vers la gauche et le bas	17
Pousser vers la droite	6	haut à gauche	18
Pousser vers la gauche Ouvrir	7	Décoller vers la droite	19
Stores verticaux	8	Décoller haut et droite	20
Stores horizontaux	9	Lignes fines horizontales aléatoires	21
Damier horizontal	10	Lignes fines verticales aléatoires	22
Damier vertical	11	Sélectionner aléatoirement un effet spécial	23