Franc83

Image Spotlight

19-07-2008

Spot lumineux sur Image

Un spot lumineux qui éclaire une partie de l'image

Voici l'exemple de mise en place :

Le java script, et le CSS qui crèent le spot :

<style>
<!--

#myimage{
filter:light
}
-->
</style>
<script language="JavaScript1.2">
// By Erik F (die_schlampe@hotmail.com)
s = 100;
// taille du spotlight
vp = 5;
// % de visibilité de l'image
startx = 0;
// position x du spotlight dans l'image (depart)
starty = 0;
// position y du spotlight dans l'image (depart)
var IE = document.all?true:false
function moveL() {
xv = tempX;
yv = tempY;
myimage.filters.light.MoveLight(1,xv,yv,s,true);
}
if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0
function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY
if (tempX
< 0){tempX = 0}
if (tempY < 0){tempY = 0}
if (t)
{
moveL();
}
return true
}
var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="hand";
myimage.filters.light.addAmbient(255,255,255,vp)
myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
}
</script>

A placer dans entre les balises body, ou en fichier externe avec un appel dans le header

Le code html de l'image :

Crédits : http://www.dynamicdrive.com/

Dans le même esprit
Diaporama Lightbox Test pour Thickbox Diaporama javascript Image polaroïd Diaporama en popup Popup Dimensionnables Rollover sur Images Zoom Css Zoom CSS 2 Zomm Javascript Ajax Puzzle

Citez cet article

Commentaires (2)

1. WoW GOLD
Ecrit par wow gold , le 16-06-2009 08:35
We always wow power leveling and wow gold

2. wow gold
Ecrit par wow gold, le 24-12-2009 08:39
Colombia's largest rebel group, which in recent months has launched a string of armed attacks to demonstrate that it is not a spent force after 45 years of wow gold conflict, this week staged a strike that alarmed Colombians and raised questions about President álvaro Uribe's U.S.-supported security strategies.

Commenter
Les messages comportant des attaques verbales contre les personnes seront supprimés. Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur. Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:
Commentaire
Code:*
	Je désire être prévenu par mail des commentaires qui suivront