Habiller des images en 2 clics

Le 28 février 2007

Voici une méthode extrèmement pratique trouvée sur http://www.swfir.com/

Comment habiller dynamiquement et simplement des images?

La solution est amenée par le mélange de Flash et Javascript, et l’intégration de la logique Jquery.

La source est donc disponible ici , il suffit ensuite de suivre ces 2 étapes :

1.Inclure le fichier js dans le header après l’avoir uploadé sur votre serveur au même niveau que le fichier swfir.swf
[javascript]

[/javascript]

Ci dessus, c'est l'exemple utilisé dans ce blog... vraiment easy et rapide ! Vous pouvez bien évidement mettre différents styles ï¿½ chaque image en les ciblant lors de l'application de l'effet.

LutinCapuche motif

Il existe une bonne liste d'arguments paramétrables:

border-radius
border-width
border-color
shadow-offset
shadow-angle
shadow-alpha
shadow-blur
shadow-blur-x
shadow-blur-y
shadow-strength
shadow-color
shadow-quality
shadow-inner
shadow-knockout
shadow-hide
rotate
overflow
link
elasticity

Seul petit point : il faut que javascript et Flash soient activés. Mais bon cela permet pas mal de choses en attendant l'implémentation de CSS3 qui permettra aussi pas mal de choses ...