Comment faire zoom et déplacement sur photo

Target15 Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   -  
avion-f16 Messages postés 19253 Date d'inscription   Statut Contributeur Dernière intervention   -
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 =)



A voir également:

9 réponses

avion-f16 Messages postés 19253 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
1
Target15 Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   8
 
Si si c'est possible voila un exemple : http://www.provencecreation.fr/creations/colliers-fantaisies-mtal-co139-p-780.html
0
avion-f16 Messages postés 19253 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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/
0
Target15 Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   8
 
Y en a pas un autre ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 19253 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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/
0
Target15 Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   8
 
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
0
avion-f16 Messages postés 19253 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
J'en ai pas trouvé en français.
0
Target15 Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   8
 
Ah tant pis :(
0
avion-f16 Messages postés 19253 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Pour le premier l'installation est simple.

1/ On inclus le JS et le CSS dans l'entête (head) de la page :
<script type="text/javascript" src="mojozoom.js"></script>  
<link type="text/css" href="mojozoom.css" rel="stylesheet" />
2/ Sur la balise <img />, 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).
0