mohshow •1148 messages
•Inscrit le 8/12/2007
|
|
Script utile : effet sur vos image sans logiciel
|
de mohshow le 9/2/2008 à 21:14:38
| |
Salut,
nouveaux script tout simple qui permet de générer des effets originaux directement à l'affichage de vos images sur votre site. Cela évite ainsi de modifier votre image d'origine puisque c'est le navigateur internet qui applique ces effets !
N'hésitez pas à faire vos propres modifications sur ces codes en changeant les valeurs des différents paramètres et en faisant des tests.
Voici tout d'abord l'image de base, et ci-dessous les différents effets que vous pouvez réaliser !
----
EFFET "FLOU"
Voici le code pour rendre flou votre image :
CITATION : <img src="votreimage.jpg" style="filter:blur(direction=45, strength=30)">
La variable "direction" est l'angle des traces floues, et la variable "strength" est l'intensité du flou. Le mieux est de faire des essais pour arriver à l'effet désiré.
----
Effet sombre :
CITATION : <img src="votreimage.jpg" style="filter:alpha(opacity=40)" onMouseover="oui(this)" onMouseout="non(this)">
----
EFFET "Négatif"
Voici le code pour afficher votre image en négatif :
CITATION : <img src="votreimage.jpg" style="filter:invert">
----
EFFET "Vague"
Voici le code pour afficher votre image avec un effet de vagues :
CITATION : <img src="votreimage.jpg" style="filter:wave(add=1, freq=absolute, light=7, phase=5, strength=15">
EFFET "Rayons X"
Voici le code pour afficher votre image avec cet effet :
CITATION : <img src="votreimage.jpg" style="filter ray"> (filter: xray sans l'espace entre : et x probleme smiley)
----
EFFET "Retourner"
Voici le code pour afficher retourner votre image verticalement :
CITATION : <img src="votreimage.jpg" style="filter:flipv">
Utilisez "filter:fliph" pour retourner horizontalement
----
EFFET "Dégradé"
Voici le code pour réaliser cette effet :
CITATION : <img src="votreimage.jpg" style="filter:alpha(startY=10, finishX=90, finishY=90, opacity=8, finishopacity=90, style=2, startX=10)">
Dernière édition du message le 9/2/2008 à 21:39:12.
Webgalerie : http://webgalerie.wifeo.com/
|
La doc’