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 (7)

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.

3. Ecrit par zcc, le 06-03-2010 11:11
peopletiffany jewellery Intiffany jewelry old tiffanyChina,Cheap Tiffany Jewelry mosttiffany and co ofUK tiffany them Tiffany Necklaceresided Tiffany Braceletin Tiffany EarringsexclusiveTiffany rings foreigntiffany engagement rings concessionsOakley Sunglasses and Oakley Sunglasses SaleinteractedOakley Sport Sunglassesonly mens oakley sunglasseswith oakley whiskertheir oakley juliet sunglassesservantssports sunglasses and sunglassesChinese oakleyofficialsfake oakley. In Nfl Jerseysnew Nfl Jersey SaleChina,cheap nfl jerseys laowaimens nfl jerseys werecharles woodson jersey barred authentic nfl jerseysfrom authentic nfl jerseys cheaprentingdiscount nfl jerseys privatefootball nfl jerseys apartmentsfootball jerseys upnfl shop through.

4. Ecrit par zcc, le 06-03-2010 11:12
1990s Chanel Jewelryand Chanel JewellerythusChanel Earrings led Chanel Logo Earringsa bubbleBuy Chanel Jewelrylike Chanel BangleexistenceChanel Brooch in Chanel RingsspecialChanel Replica Jewelry residentialChanel Bracelet hotelsChanel Necklace.AllAdidas Sport Shoes of Adidas ShoesthisAdidas Mens Running Shoes started Adidas Running Shoestoadidas golf shoes change adidas bootbeforeadidas trainers the Chanel SunglassesOlympicChanel Sunglasses On Sale Gamesreplica chanel sunglasses. Morediscount chanel sunglasses foreignerschanel sunglasses online begandiscount chanel sunglasses holdingwomens sunglasses middledesigner sun glasseslevelsunglasses sale white womens designer sunglassescollarghdjobs ghd straightenersinghd hair straighteners Western,ghd curls jointghd hair iron ventureCheap GHD straighteners and GHD Hair Productseven straighteners hairChineseghd purple firms,pink ghd straighteners started pink ghdtheir.

5. Ecrit par zcc, le 06-03-2010 11:14
startedghd their ghdsownfake ghd smallghd hair dryers businesses,ghd straighteners orghd hair straighteners taughtCheap GHD Englishghd curls hairstyles in GHD PurpleprivateGHD MK4 Pink languagenike shoes schools.Nike Sport Shoes WhileCheap Nike Shoes highCheap Nike Air levelNike Running Shoes managersnike tennis shoes in nike training shoesWesternGucci Sunglasses Companies Gucci Sunglasses SalewithReplica Gucci Sunglasses fat gucci aviator sunglassesexpatriate gucci sun glassespackagessunglasses shop rented vogue sunglassesflatsauthentic designer sunglasses in tiffany jewelleryluxury tiffany and coapartment tiffany salecommunities,tiffany these Tiffany Earringslesstiffany key ring affluent wigslaowai Curly Wigsmadewigs uk do wigs for salewith cheap hair extensionsless hair wigsexpensiveStraight Wig housingLadies Wigs.I amHuman Hair Wigs a case women wigsin Buy Wigspoint.Short Wigs I curly wigsbegan.

6. Ecrit par zcc, le 06-03-2010 11:16
two mbtand mbt shoeshalfdiscount mbt shoes years mbt sport shoesago.mbt womens shoes Althoughmbt shoes cheap mymbt walking shoes job mbt m.walkpaysNFL Jerseys fairlynfl football jerseywell,discount nfl jersey I Authentic Nfl Jerseyinitially NFL Fan ShopcouldNFL Apparel not youth nfl jerseysaffordNFL Store to nfl team apparelrentcheap nfl authentic jerseys higher2010 pro bowl jersey end lacoste mens clothinghousing lacosteinlacoste polo shirts Beijinglacoste shop and lacoste shirtsstill lacoste Jacketssetlacoste Polos asidelacoste Pants somelacoste sweaters money.lacoste ShortsSo lacoste shoesfor.

7. Ecrit par zcc, le 06-03-2010 11:18
rented Chanel Sunglasses Salea buy chanel sunglassesflatfake chanel sunglassesin Chanel Sunglassesa MonclermiddleMoncler JacketstierMoncler Vestapartment moncler salecommunitymoncler down jacket in Moncler coatsDongzhimenugg boots AsideUGG Classic Tall Boots fromUGG Classic Mini Boots theUGG Ultra Short Boots dozenUGG Classic Short Boots otherNFL Jerseys foreignerNFL football jerseys tenants,Cheap Nfl Jerseys thenfl replica jersey 1000+nfl replica youth jerseys residentsNfl Jerseys Sale innfl custom jerseys thispro bowl jerseys community designer handbagswere ladies designer handbagsall designer handbags ukChinese.discount designer handbags Thesedesigner handbags sale Chineselouis vuitton handbags werechanel wallet ordinarymiu miu handbags people,Gucci Wallets the prada Shoulder bagkind.

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