Team-Masters.com
Que du Gratuit pour Webmasters
Appliquez un filtre dynamique sur des images
Pour donner du piment à vos images et du "style" à vos pages quoi de plus simple que d’appliquer quelques effets sur celles-ci.
Il s’agit en fait d’utiliser des propriétés d’Internet Explorer qui peut gérer l’application de filtres sur des images, leur donnant des effets divers.
Voici un effet dynamique de pixellisation qui se produit quand la souris survole l’image. Le code se décompose en 2 parties. Une partie en javascript à déclarer entre les balises <head> comme suit :
<script language="JavaScript">
// Script développé par http://www.toutjavascript.com
// Fonction qui déclenche le filtre
function run_filter(obj){
if(obj && obj.filters[0]){
obj.filters[0].apply();
obj.visibility="visible";
obj.filters[0].play();
}
}
</script>L’autre partie consiste à appliquer l’attribut "style" dans la balise HTML <img> des images concernées, par exemple :
<a href="#"><img src="mon_image.gif" width="200" height="200" border="1" alt="votre texte" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=0.5)" onLoad="run_filter(this)" onMouseOver="run_filter(this)"></a>
Voilà, c’est tout.
14 décembre 2005
Un effet Neon (II) sur du texte
Affichez un texte qui tremble en Javascript
Ouvrir une popup centrée sur l’écran
Un aura autour de votre texte
Un texte animé dans une boîte
Afficher un texte dans la barre de statut au survol d’un lien
Afficher l’heure courante dans un bouton
Faîtes apparaître un texte de gauche à droite qui s’arrête ensuite
Faîtes défiler des images en boucle (comme une visionneuse)
Changer l’opacité d’une image au passage de la souris
