agrandir une image au passage de la souris

par **cosi-fan-tutte** » 14 sept. 2010, 00:02

Voilà c'est fait.. j'espère que c'est bon!
Nouveau sujet ouvert et modifié sur le lien suivant :
post336581.html#p336581

par **cosi-fan-tutte** » 13 sept. 2010, 22:47

up
pourrais tu ouvrir un nouveau sujet et utiliser les boutons de mise en forme du code STP, pour la clarté du sujet

Bien sûr, je peux ouvrir un nouveau sujet, j'avais juste peur de me tromper de rubrique... si tu peux mieux me diriger?
Qu'entends-tu sinon par les boutons de mise en forme du code?
Désolé si ma question semble stupide... je ne connais pas vraiment le langage html. Je devine certaines choses et comment ça fonctionne, par simple logique.
Mais il y a quelque chose qui m'échappe dans ta question.
Et pour terminer, l'adresse du site est : http://nathaliejourdan.artblog.fr/ et il s'agit du premier article. (Donc plus précisément : http://nathaliejourdan.artblog.fr/47282 ... e-peintre/)

cosi-fan-tutte

par **Nours312** » 13 sept. 2010, 10:01

up

pourrais tu ouvrir un nouveau sujet et utiliser les boutons de mise en forme du code STP, pour la clarté du sujet
Et si il t'es possible de nous faire parvenir un lien vers le site, cela permettrait de mieux visualiser ce à quoi correspond ton code, et ce qui ne fonctionne pas !.. merci

par **cosi-fan-tutte** » 12 sept. 2010, 21:40

par **cosi-fan-tutte** » 09 sept. 2010, 02:09

Bonjour,
Je le dis de suite... je ne suis pas programmeur et je ne connais pas le langage de programmation.
Je me permet de faire un copier coller d'un code que j'ai un peu bidouillé, (j'ai juste abordé la chose par déductions simples, il y a certainement des fautes...), d'un article que j'aimerais "améliorer" en rajoutant quelques fonctions comme : au passage de la souris sur une des nombreuses images miniatures (images hébergées sur imageshack), l'image s'agrandisse, qu'elle reste en contact avec l'image de petite taille et reste dans un espace visible de l'écran.
L'idéal, est que tout ce qui serait autour de l'image agrandie, devienne grisé, et l'image agrandie mise en évidence, et quand on enlève la souris, tout redevient comme avant.

Je vous met le code en entier.
Je ne doute pas une seule seconde qu'il y ait des fautes ou des erreurs qui n'ont pas été nettoyées... n'hésitez pas à m'en faire la remarque!

Si vous avez la bonté de me dire ce qu'il faut changer pour que ça fonctionne, je vous en serais grandement reconnaissant.
Merci de votre attention.

PS : Certaines images renvoient vers une vidéo hébergée sur imageshack, quand on clique sur la photo miniature qui lui est associée.
Pour ces images là, je désire également que l'image s'agrandisse au contact de la souris, tout en conservant le lien vers la vidéo que j'ai réussi à lui associer, quand on clique dessus.
L'idéal pour moi serait également, (et pour ces images là), qu'au contact de la souris, non seulement on voit l'image s'agrandir, mais qu'on entendre également le son de la vidéo! (sans voir la vidéo, et qu'on ne peut voir que si on clique sur l'image). Le son s'arrêterait quand la souris quitte l'image, de même que l'image reprend son petit format.
Bien évidemment, j'imagine que je devrais héberger le son de la vidéo quelque part... mais là aussi, je suis un peu perdu... totalement novice, je n'ai pas la moindre idée où héberger du "son", imageshack ne le fait pas! (je précise que j'ai tous les droits pour le son et l'image, puisque ce sont des enregistrements de moi lol).

PS2 : Sur ce genre de site où l'article parait, il n'y a pas trop de choix... on est très limités... et mes idées ne sont peut-être pas bonnes ou demandent trop de travail? je n'en ai pas la moindre idée.
Tout ce que je sais, est que je n'ai pas les moyens de me payer un infographiste actuellement

Merci de votre aide.
Cosi-Fan-Tutte

Code de l'article en ligne :

 
<a title="Tennisman" href="http://nathaliejourdan.artblog.fr/470640/Tennisman/" target="_blank"><img title="Tennisman" onmouseover="this.src='http://img36.imageshack.us/img36/5705/atelier.th.jpg';" onmouseout="this.src='http://img685.imageshack.us/img685/682/tennisman.th.jpg';" src="http://img685.imageshack.us/img685/682/tennisman.th.jpg" alt="Tennisman" width="133" height="106" /></a> <a title="La Pin-Up" href="http://nathaliejourdan.artblog.fr/470643/La-Pin-Up/" target="_blank"><img title="Pin-Up" src="http://img97.imageshack.us/img97/3387/pinupu.th.jpg" alt="Pin-Up" width="140" height="106" /></a> <a title="Femme" href="http://nathaliejourdan.artblog.fr/21459/Femme/" target="_blank"><img title="Femme" src="http://img9.imageshack.us/img9/9347/femmec.th.jpg" alt="Femme" width="141" height="106" /></a>
<a title="Si belle en ce miroir..." href="http://nathaliejourdan.artblog.fr/27067 ... ce-miroir/" target="_blank"><img title="Si belle en ce miroir..." src="http://img689.imageshack.us/img689/3213/sibelle.th.jpg" alt="Si belle en ce miroir..." width="99" height="150" /></a> <a title="La Contrebasse" href="http://nathaliejourdan.artblog.fr/27067 ... ntrebasse/" target="_blank"><img title="La Contrebasse" src="http://img40.imageshack.us/img40/5392/l ... sse.th.jpg" alt="La Contrebasse" width="99" height="150" /></a> <a title="La ménagère" href="http://nathaliejourdan.artblog.fr/162114/La-menagere/" target="_blank"><img title="La ménagère" src="http://img140.imageshack.us/img140/2016/menagere.th.jpg" alt="La ménagère" width="98" height="150" /></a> <a title="L'autre monde" href="http://nathaliejourdan.artblog.fr/196867/L-autre-monde/" target="_blank"><img title="L'autre monde" src="http://img193.imageshack.us/img193/1387 ... nde.th.jpg" alt="L'autre monde" width="98" height="150" /></a>
 
<table id="_mc_tmp" style="height: 468px; border-color: #000000; border-width: 0px; background-color: #000000; text-align: center;" border="0" width="490" summary="Scènes d'enfants de Schumann par Nathalie Jourdan">
<tbody>
<tr>
<th style="width: 196px; height: 156px; border: 1px solid #000000; background-color: #000000;" align="center" valign="middle">
Robert
Schumann
Scènes d'enfants Op.15
par Nathalie Jourdan
<a title="Schumann/Scène d'enfants/Concert-Expo/Salloum-Jourdan/1ère partie" href="http://img231.imageshack.us/img231/5158 ... ants1r.mp4" target="_blank">Concert-Expo (1ère
partie)</a> <a title="Schumann/Scène d'enfants/Concert-Expo/Salloum-Jourdan/2ème partie" href="http://img21.imageshack.us/img21/4724/s ... ants2m.mp4" target="_blank">Concert-Expo (2ème
partie)</a> <a title=""Concert-Expo"/Jourdan-Salloum/Scènes d'enfants de Schumann" href="http://img811.imageshack.us/img811/3891 ... zenens.mp4" target="_blank"> </a>
(Dominique Salloum au
piano)
</th>
<td style="border: 1px solid #000000; background-color: #000000; text-align: center;"><a title="Schumann - Scène d'enfants n°1 - Gens et pays étrangers" href="http://img841.imageshack.us/img841/8121 ... strang.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°1 - Gens et pays étrangers" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B01%20-%20Gens%20et%20pays%20%C3%A9trangers" src="http://a.imageshack.us/img21/859/agense ... angers.jpg" alt="Schumann - Scène d'enfants n°1 - Gens et pays étrangers" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°2 - Curieuse histoire" href="http://img259.imageshack.us/img259/3608 ... stoire.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°2 - Curieuse histoire" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B02%20-%20Curieuse%20histoire" src="http://a.imageshack.us/img405/8766/bcur ... stoire.jpg" alt="Schumann - Scène d'enfants n°2 - Curieuse histoire" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°3 - Colin maillard" href="http://img833.imageshack.us/img833/3654 ... illard.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°3 - Colin maillard" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B03%20-%20Colin%20maillard" src="http://a.imageshack.us/img818/2716/ccolinmaillard.jpg" alt="Schumann - Scène d'enfants n°3 - Colin maillard" width="98" height="156" /></a></td>
</tr>
<tr>
<td id="_mc_tmp" style="border: 1px solid #000000; background-color: #000000; height: 156px;" colspan="2"><a title="Schumann - Scène d'enfants n°4 - Désir d'enfant" href="http://img84.imageshack.us/img84/3875/4dsirdenfant.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°4 - Désir d'enfant" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B04%20-%20D%C3%A9sir%20d'enfant" src="http://a.imageshack.us/img830/6766/enfant.jpg" alt="Schumann - Scène d'enfants n°4 - Désir d'enfant" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°5 - Bonheur parfait" href="http://img268.imageshack.us/img268/302/ ... arfait.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°5 - Bonheur parfait" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B05%20-%20Bonheur%20parfait" src="http://a.imageshack.us/img26/56/ebonheurparfait.jpg" alt="Schumann - Scène d'enfants n°5 - Bonheur parfait" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°6 - Evènement important" href="http://img205.imageshack.us/img205/4170 ... ortant.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°6 - Evènement important" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B06%20-%20Ev%C3%A8nement%20important" src="http://a.imageshack.us/img821/8398/fevn ... ortant.jpg" alt="Schumann - Scène d'enfants n°6 - Evènement important" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°7 - Rêverie" href="http://img713.imageshack.us/img713/9782/7rverie.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°7 - Rêverie" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B07%20-%20R%C3%AAverie" src="http://a.imageshack.us/img808/8311/grverie.jpg" alt="Schumann - Scène d'enfants n°7 - Rêverie" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°8 - Au coin du feu" href="http://img820.imageshack.us/img820/2995 ... ndufeu.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°8 - Au coin du feu" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B08%20-%20Au%20coin%20du%20feu" src="http://a.imageshack.us/img696/8858/haucoindufeu.jpg" alt="Schumann - Scène d'enfants n°8 - Au coin du feu" width="98" height="156" /></a></td>
</tr>
<tr>
<td id="_mc_tmp" style="height: 156px; border: 1px solid #000000; background-color: #000000;" colspan="2"><a title="Schumann - Scène d'enfants n°9 - Cavalier sur cheval de bois" href="http://img801.imageshack.us/img801/1305 ... cheval.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°9 - Cavalier sur cheval de bois" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B09%20-%20Cavalier%20sur%20cheval%20de%20bois" src="http://a.imageshack.us/img811/278/icava ... ldeboi.jpg" alt="Schumann - Scène d'enfants n°9 - Cavalier sur cheval de bois" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°10 - Presque trop sérieux" href="http://img534.imageshack.us/img534/8009 ... opsrie.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°10 - Presque trop sérieux" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B010%20-%20Presque%20trop%20s%C3%A9rieux" src="http://a.imageshack.us/img189/5552/jpre ... srieux.jpg" alt="Schumann - Scène d'enfants n°10 - Presque trop sérieux" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°11 - Le croquemitaine" href="http://img693.imageshack.us/img693/280/ ... itaine.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°11 - Le croquemitaine" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B011%20-%20Le%20croquemitaine" src="http://a.imageshack.us/img690/7404/klecroquemitaine.jpg" alt="Schumann - Scène d'enfants n°11 - Le croquemitaine" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°12 - L'enfant s'endort" href="http://img821.imageshack.us/img821/1556 ... endort.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°12 - L'enfant s'endort" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B012%20-%20L'enfant%20s'endort" src="http://a.imageshack.us/img529/4314/endort.jpg" alt="Schumann - Scène d'enfants n°12 - L'enfant s'endort" width="98" height="156" /></a><a title="Schumann - Scène d'enfants n°13 - Le poète parle" href="http://img840.imageshack.us/img840/7499 ... eparle.mp4" target="_blank"><img title="Schumann - Scène d'enfants n°13 - Le poète parle" longdesc="Schumann%20-%20Sc%C3%A8ne%20d'enfants%20n%C2%B013%20-%20Le%20po%C3%A8te%20parle" src="http://a.imageshack.us/img230/2032/mlepoteparle.jpg" alt="Schumann - Scène d'enfants n°13 - Le poète parle" width="98" height="156" /></a></td>
</tr>
</tbody>
</table>
 
<a>Nathalie Jourdan est une peintre
contemporaine qui émeut autant par la profondeur de ses peintures à
l'huile que par le regard incisif de ses
pastels.</a>
Côtée chez Drouot, Nathalie Jourdan apparait dans
le dictionnaire Larousse des "Cotation des artistes du XVème siècle
à nos jours", ainsi que dans le dictionnaire "Contemporary Artists"
qui parait aux éditions WWAB aux USA.
Avec son mari Dominique Salloum (<a title="Dominique Salloum - pianiste et compositeur" href="http://dominiquesalloum.musicblog.fr/" target="_blank">http://dominiquesalloum.musicblog.fr/</a>), Nathalie
Jourdan donne des "Concerts-Expo", où des tableaux faits sur
mesure, selon le programme interprété par son mari au piano, sont
projetés durant le concert sur un écran géant.
L'idée est novatrice et ludique. Elle plait tant au
public qu'aux critiques. En 2010, et pour l'année Chopin -
Schumann, des programmes divers sont donnés un peu partout, avec de
Chopin les Impromptus et les Ballades, et de Schumann les Scènes
d'enfants, le Carnaval de Vienne, et les Kreisleriana.
De nombreux Concerts-Expo sont prévus pour l'année
prochaine, (année Franz Liszt), avec les Consolations, les années
de pélerinage, la sonate en si mineur ainsi que le deuxième
concerto de Liszt.
<a>Cotation Drouot:</a> <a title="Nathalie Jourdan - Cotation Drouot" href="http://www.drouot-cotation.org/accueil/ ... =0&id=6922" target="_blank">www.drouot-cotation.org</a>
Des e-cards de Nathalie Jourdan sont disponibles
sur le lien suivant : <a title="Nathalie Jourdan (cartes postales)" href="http://www.e-cards.com/catalog/cat-sele ... %20Jourdan" target="_blank">(http://www.e-cards.com</a><a title="Nathalie Jourdan (cartes postales)" href="http://www.e-cards.com/catalog/cat-sele ... %20Jourdan" target="_blank">)</a>
 
 
<a title="Articles de presse" href="http://nathaliejourdan.artblog.fr/500186/Presse/" target="_blank">Presse</a>
 
 
<a href="mailto:[email protected]">e-m@il Nathalie Jourdan</a>

par **Nours312** » 10 juin 2010, 22:15

La solution que tu proposes semble lourde à l'usage merci.

elle ne prend prends pas plus de 6 lignes de code avec une bonne lib

par **hakazizi** » 10 juin 2010, 21:03

Tous simplement parce que je ne veux pas que la photo s'affiche au milieu de l'écran,
on tomberais a coups sur une superposition. De plus il faut un contact entre la photo et son agrandissement.
La solution que tu proposes semble lourde à l'usage merci.

par **Nours312** » 08 juin 2010, 00:50

PS. Je ne met jamais un code sur mon site si je ne le comprend pas, et quand je ne comprend pas je pose des questions.

c'est bien !

sinon ... si tu sais le faire ... pourquoi ne le fais tu pas !?

il te suffit de calculer la position de l'écran (du scroll), celle de l'élément sur lequel on a clické, sa position par rapport au Haut de la page
d'en déduire sa position dans l'écran en cours d'affichage
puis la position que tu doit implicitement appliquer à l'image agrandie pour qu'elle soit dans l'écran

et bien évidemment, au scroll, recommencer tous les calculs !

@+

par **hakazizi** » 07 juin 2010, 10:27

Bonjour et merci si c'était cela que je voulais faire je l'aurais déjà fais...
Ce que je veux c'est horizontalement elle reste a sa place et que le changement de position ne s'effectue que verticalement.
Soit à l'endroit où elle est soit au dessus soit en dessous mais doit toujours conserver un contact avec la petite image.

PS. Je ne met jamais un code sur mon site si je ne le comprend pas, et quand je ne comprend pas je pose des questions.

par **Nours312** » 06 juin 2010, 23:19

bien sur que c'est possible ... mais il faut coder pour ça, et apprendre un minimum de Javascript ... pas simplement manipuler DW pour mettre des effets +/- préfabriqués !...

le principe de ton animation est :
- lors du survol d'un lien, une action est déclenchée
- cette action va rendre visible une image ou la masquer (visibility : visible | hidden => ce n'est que du css ^^)

ce qu'il faudrait :
- l'image en question est en position : absolute (css toujours)
- lors de l'affichage, on compare ses dimensions, et celles du navigateur
- on modifie les valeurs des attributs top et left (css encore) pour que l'image soit au centre de l'écran ...

et py c'est tout ^^ ...

par **hakazizi** » 06 juin 2010, 18:23

Bonjour, n'y a t-il pas de solution à ce problème.

par **hakazizi** » 30 mai 2010, 19:00

Bonjour, je viens de m'apercevoir d'un problème c'est que l'agrandissement n'est pas toujours integralement dans la parti visible de l'ecran.voir.
http://www.larosedelorient.com/boutique ... age-1.html
Je voudrais que l'agrandissement se passe toujours dans une zonne visible de l'ecran.
Merci.
le code est le suivant.
le code donné ci dessous est bien sur schematique.

Code : Tout sélectionner

<html><head><script type="text/JavaScript"> 
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>

</head><body >
<img src="mon-image.jpg" id="image_v" onmouseover="MM_showHideLayers('image_gf','','show')" onmouseout="MM_showHideLayers('image_gf','','hide')" width="112px" height="150px">
<img id="image_gf" style="position:absolute; visibility:hidden;" src="mon-image.jpg">
essaie essaie essaie essaie essaie essaie essaie essaie essaie essaie essaie 
</body></html>

par **hakazizi** » 26 mai 2010, 08:07

Bonjour je voudrais avoir le même résultat que sur la page dont on a déja parlé dans le post ci dessous.
post177749.html?hilit=agrandir image au passage de la souris#p177749
http://www.abciweb.net/test4.php
a la différence que je ne peux pas précharger toutes les photos et ce pour 2 raisons la première c'est que les photo sont prise aléatoirement et la deuxieme il y a plus de 20 photos.
Je n'arrive a rien...

EDIT:
je ne sait pas pour vous mais l'être humain a tendance a tous compliquer alors que la solution est toutes simple le préload est facultatif pour ce que je veux faire je vous met le code cidessous c'est le meme j'ai tout simplement virer le preload... 3 semaine de travail sur ce code. Tes pas rentable je te vire hakazizi...

Code : Tout sélectionner

<html><head><script type="text/JavaScript"> 
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>

</head><body >
<img src="mon-image.jpg" id="image_v" onmouseover="MM_showHideLayers('image_gf','','show')" onmouseout="MM_showHideLayers('image_gf','','hide')" width="112px" height="150px">
<img id="image_gf" style="position:absolute; left:112px; top:0; visibility:hidden;" src="mon-image.jpg">
essaie essaie essaie essaie essaie essaie essaie essaie essaie essaie essaie 
</body></html>

agrandir une image au passage de la souris

Répondre

Étendre la vue Revue du sujet : agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

Re: agrandir une image au passage de la souris

agrandir une image au passage de la souris