Discussion :

[mimix0]

Salut à tous,
Je suis un peu néophyte en la matière... MAis bon je me lance
J'ai cherché partout sur le web et je n'ai pas trouvé vraiment de réponse à ma question.
Voilà
j'ai une image A
Je voudrais voir un detail de cette image A grace à un bouton par exemple ou un lien.mais que ce détail d'image reste dans l'emplacement précédent de l'image A.
Donc là il s'agit d'une fonction zoom, mais qui reste dans l'emplacement A
Mais j'aimerais en plus qu'on puisse déplacer l'image à l'intérieur de son emplacement pour voir d'autres détails de l'image A.
Quelqu'un aurait il le bon code sous la main et des explications pour néophytes.
Merci

[mimix0]

Re-salut,
Je n'ai toujours pas trouvé de soluce.
J'ai trouvé des solutions de zoom ou des solutions de visionneuse, mais c'est tout.
Est il possible de déplacer une image dans un cadre donné ?
pour naviguer dessus, un peu comme dans viamichelin quand on regarde un itinéraire, on déplace la carte avec la souris.
Voili-voilo
A+

[magnus2005]

A mon avis c est possible de le faire mais ca reste assez lourd a faire from scratch.
De plus si je prend l exemple de michelin, il n affiche pas une image mais plein de petit carre pour reduire la charge processeur en local et la charge en bande passante.
Pour demarrer tu dois utiliser les evenement onmouse... sur ton set d objet IMG. Mais j ai bien peur que sans une API ce soit un projet un peu trop ambitieux pour un debutant. Avant de commencer il faut a mon avis bien maitriser la DOM et les evenement javascript.

Bon courage.

[mimix0]

Je comprends que c'est un peu too much...
Mais c'est juste une image par exemple de 600 x600 que je deplace dans une zone 200x200.
Y'a pas un script qui existe qui fait déjà çà
Merci

[magnus2005]

Si tu ne souhaite pas utilise de fonction de DRAG avec la souris comme michelin c est plus facile.
tu met ton image dans une IFRAME de taille "height:200px" et "width:200px" tu met ton image dedans sans scrollbarr
et tu joues avec le valeur "top" et "left" de ta css sur "IMG" quand l utilisateur clique sur les boutons (+ ou - 100 px par exemple).
C est pas la methode la plus classe mais c est simple a mettre en oeuvre.

Bon courage