Comment faire zoom et déplacement sur photo Fermé

Question

Bonjour,  

Voila, je vais bientot crée un site de vente de collier pour mes parents et il faudrait que celui qui regarde les photo des différents colliers puissent zoomer sur la photo et se déplacer dessus comme des cartes de ce site : http://www.webjax.eu/

Je pense qu'il faudrait utiliser du javascript mais je n'y connais pas grand chose..; :( 

Donc je voulais savoir comment faire ca mais sur une photo donc combien de photo necessaires pour que, en zommant, la photo soit nette et comment se deplacer dessus.

Merci d'avance de votre aide =) 



Configuration: Windows 7 / Internet Explorer 7.0

avion-f16 · Answer

Salut.

Je ne pense pas que ce genre de zoom soit adapté à des photos.
Regarde du côté des lightbox (Shadowbox-js permet de faire un glisser-déposer sur les grandes photos) ou bien ce script

Target15 · Answer

Si si c'est possible voila un exemple : http://www.provencecreation.fr/creations/colliers-fantaisies-mtal-co139-p-780.html

avion-f16 · Answer

Je n'ai pas dit que c'est impossible.
Et je t'ai proposé un script qui fait la même chose :
https://www.magictoolbox.com/magiczoom/

Target15 · Answer

Y en a pas un autre ?

avion-f16 · Answer

J'avais pas vu qu'il est payant.
Tu peux avoir une license gratuite pour un site non-commercial :
https://www.magictoolbox.com/license/#free

En voilà deux gratuits :
http://www.nihilogic.dk/labs/mojozoom/
http://www.mind-projects.it/projects/jqzoom/

Target15 · Answer

SUper merci =)



Et, juste par hasard, y'en aurait pas un en francais ?

Car un pote en a besoin aussi mais ne parle pas anglais :S

avion-f16 · Answer

J'en ai pas trouvé en français.

Target15 · Answer

Ah tant pis :(

avion-f16 · Answer

Pour le premier l'installation est simple. 1/ On inclus le JS et le CSS dans l'entête (head) de la page : 2/ Sur la balise , on ajoute l'attribut "data-zoomsrc" contenant le chemin vers la grande image (pour garder un code valide, ça doit être possible de l'ajouter en JS).

Comment faire zoom et déplacement sur photo

9 réponses

Discussions similaires