Les widgets Spry ont été remplacés par des widgets jQuery sous Dreamweaver CC et versions ultérieures. Bien qu’il soit toujours possible de modifier des widgets Spry sur votre page, vous ne pouvez pas en ajouter de nouveaux.
Les effets Spry sont des améliorations visuelles que vous pouvez appliquer à pratiquement n’importe quel élément d’une page HTML à l’aide de JavaScript. Les effets sont souvent utilisés pour surligner des informations, créer des transitions animées ou modifier visuellement un élément de page pendant un certain délai. Vous pouvez appliquer des effets aux éléments HTML sans devoir employer de balises personnalisées supplémentaires.
Pour appliquer un effet à un élément, il doit être sélectionné ou posséder un ID. Si, par exemple, vous surlignez une balise div qui n’est pas sélectionnée, elle doit posséder une valeur ID valide. Si ce n’est pas encore le cas, vous devez en ajouter un au code HTML.
Les effets peuvent modifier les propriétés d’opacité, d’échelle, de position et de style d’un élément, comme sa couleur d’arrière-plan. Vous pouvez créer d’intéressants effets visuels en combinant plusieurs propriétés.
Ces effets sont basés sur Spry. Dès lors, lorsqu’un utilisateur clique sur un élément possédant un effet, seul l’élément est mis à jour de manière dynamique. La page HTML n’est pas entièrement actualisée.
Spry comporte les effets suivants :
Apparition/Fondu
Fait apparaître ou disparaître lentement un élément.
Surligner
Modifie la couleur d’arrière-plan d’un élément.
Volet
Simule l’effet d’un store qui monte ou descend pour afficher ou masquer l’élément.
Faire coulisser l’objet 3D
Fait monter ou descendre l’élément.
Agrandissement/Réduction
Augmente ou diminue la taille de l’élément.
Secouer
Donne l’impression que l’élément est secoué de gauche à droite.
Ecraser
Fait disparaître l’élément dans le coin supérieur gauche de la page.
Lorsque vous utilisez un effet, diverses lignes de code sont ajoutées au fichier en mode Code. Une ligne identifie le fichier SpryEffects.js, qui est nécessaire à l’inclusion des effets. Ne supprimez pas cette ligne du code, faute de quoi les effets ne fonctionneront pas.
Vous trouverez la liste détaillée des effets Spry disponibles dans le cadre applicatif Spry à l’adresse www.adobe.com/go/learn_dw_spryeffects_fr.
Vous pouvez utiliser cet effet avec n’importe quel élément HTML, sauf applet, body, iframe, object, tr, tbody ou th.
Cet effet ne peut être utilisé que sur les éléments HTML suivants : address, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, p, ol, ul, li, applet, center, dir, menu ou pre.
Vous pouvez utiliser cet effet avec les éléments HTML suivants : address, dd, div, dl, dt, form, p, ol, ul, applet, center, dir, menu ou pre.
Vous pouvez utiliser cet effet avec n’importe quel élément HTML, sauf applet, body, frame, frameset ou noframes.
Cet effet peut être utilisé avec les éléments HTML suivants : address, blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, iframe, img, object, p, ol, ul, li, applet, dir, hr, menu, pre ou table.
Pour que l’effet Glisser fonctionne correctement, l’élément cible doit être entouré d’une balise conteneur possédant un ID unique. La balise conteneur dont vous entourez l’élément cible doit être de type blockquote, dd, form, div ou center.
La balise d’élément cible doit être l’une des suivantes : blockquote, dd, div, form, center, table, span, input, textarea, select ou image.
Cet effet ne peut être utilisé qu’avec les éléments HTML suivants : address, dd, div, dl, dt, form, img, p, ol, ul, applet, center, dir, menu ou pre.
Vous pouvez associer plusieurs comportements d’effets au même élément, de manière à produire des effets intéressants.
Vous pouvez supprimer un ou plusieurs comportements d’effet d’un élément.
Cliquez sur le bouton Supprimer un événement (-) de la barre de titre du panneau secondaire.
Cliquez sur le comportement avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Macintosh), puis choisissez Supprimer le comportement.
Accéder à votre compte