Webmaster Hub: effet de loupe sur image - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

effet de loupe sur image Noter : -----

#1 L'utilisateur est hors-ligne   grodep 

  • Groupe : Membre
  • Messages : 15
  • Inscrit(e) : 23-juin 09

Posté 24 mars 2010 - 22:47

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
0

#2 L'utilisateur est hors-ligne   Neroth 

  • Groupe : Actif
  • Messages : 16
  • Inscrit(e) : 06-décembre 09
  • Genre:Homme
  • Localisation:Bas Rhin , Alsace
  • Société:XeKeD

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

#3 L'utilisateur est hors-ligne   Neroth 

  • Groupe : Actif
  • Messages : 16
  • Inscrit(e) : 06-décembre 09
  • Genre:Homme
  • Localisation:Bas Rhin , Alsace
  • Société:XeKeD

Posté 24 mars 2010 - 23:50

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
0

#4 L'utilisateur est hors-ligne   yuston 

  • Voir le blog
  • Groupe : Membre+
  • Messages : 589
  • Inscrit(e) : 07-octobre 04
  • Genre:Homme
  • Localisation:Lausanne

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à!
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!
0

#5 L'utilisateur est hors-ligne   Leonick 

  • Groupe : Hubmaster
  • Messages : 1 313
  • Inscrit(e) : 07-mars 05
  • Genre:Homme
  • Localisation:Val de Marne

Posté 17 avril 2010 - 16:55

Connais-tu Deep Zoom Composer ?
très bon petit outil de microsoft qui fonctionne avec silverlight
0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)