effet de loupe sur image

[grodep]

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

[Neroth]

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

[Neroth]

Voila un petit script qui t'aidera peut etre :

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

[yuston]

Salut.

J'aurais tendance à passer par une librairie, genre jQuery. Je me suis permis d'aller chercher quelques jolies démos:

• 
  [*

]http://www.mind-projects.it/projects/jqzoom/demos.php (en hover)
[*]http://www.dfc-e.com/metiers/multimedia/opensource/jquery-fancyzoom/ (par clic)
[*]http://www.addfullsize.com/ (par clic aussi)
[*]http://css-tricks.com/examples/AnythingZoomer/image.php (effet de loupe en hover)

Voilà!

[Leonick]

Connais-tu Deep Zoom Composer ?

très bon petit outil de microsoft qui fonctionne avec silverlight