Bonjour à tous, je cherche un tuto pour faire un effet de loupe sur une image. J'ai tenté de trouver mon bonheur sur le net, malheureusement mes connaissances en flash et java sont trop limitées pour que je m'en sorte seul. Si quelqu'un avait l'amabilité de me conseiller ou me rediriger, ce serait très aimable.
Merci d'avance
Page 1 sur 1
effet de loupe sur image
#2
Posté 24 mars 2010 - 22:55
Bonjour !
Tu peux , grâce à Javascript , créer facilement un effet de ce type !
Il me faudra juste quelques détails en plus
!
Comment souhaite tu que cette effet s'active ? En passant dessus ? En cliquant dessus ? Assez joliment (genre ça s'agrandit petit à petit) ou simplement (sa s'agrandit en un coup ?) ?
Tu peux , grâce à Javascript , créer facilement un effet de ce type !
Il me faudra juste quelques détails en plus
Comment souhaite tu que cette effet s'active ? En passant dessus ? En cliquant dessus ? Assez joliment (genre ça s'agrandit petit à petit) ou simplement (sa s'agrandit en un coup ?) ?
#3
Posté 24 mars 2010 - 23:50
Voila un petit script qui t'aidera peut etre :
Son utilisation :
Exemple direct : Effet de loupe
var resize = function()
{
var w = (arguments[0].offsetWidth * arguments[1])+"px";
var h = (arguments[0].offsetHeight * arguments[1])+"px";
arguments[0].style['width'] = w;
arguments[0].style['height'] = h;
}
Son utilisation :
<img src="URL DE TON IMAGE" onmouseover="resize(this,3);//On multiplie la dimension de l'image par 3" onmouseout="resize(this,(1/3));//On divise la dimension de l'image par 3" />
Exemple direct : Effet de loupe
#4
Posté 25 mars 2010 - 00:13
Salut.
J'aurais tendance à passer par une librairie, genre jQuery. Je me suis permis d'aller chercher quelques jolies démos:
Voilà!
J'aurais tendance à passer par une librairie, genre jQuery. Je me suis permis d'aller chercher quelques jolies démos:
- http://www.mind-proj...qzoom/demos.php (en hover)
- http://www.dfc-e.com...uery-fancyzoom/ (par clic)
- http://www.addfullsize.com/ (par clic aussi)
- http://css-tricks.co...oomer/image.php (effet de loupe en hover)
Voilà!
Andersen Lau - Me retrouver sur Twitter
Pour les jeunes qui n'ont pas encore réussi le permis de conduire, faites une petite accélération (prioritairement en voiture!) sur Le-Permis.ch. A fond les pédales!
Pour les jeunes qui n'ont pas encore réussi le permis de conduire, faites une petite accélération (prioritairement en voiture!) sur Le-Permis.ch. A fond les pédales!
#5
Posté 17 avril 2010 - 16:55
Partager ce sujet :
Page 1 sur 1



Haut











