Declencher et arreter une fonction js en cliquant sur un bouton [Résolu]

alone06 115 Messages postés mardi 9 novembre 2010Date d'inscription 18 mai 2016 Dernière intervention - 6 mars 2014 à 08:15 - Dernière réponse : alone06 115 Messages postés mardi 9 novembre 2010Date d'inscription 18 mai 2016 Dernière intervention
- 6 mars 2014 à 08:34
Bonjour,


Bonjour,

je voudrais attribuer a un bouton ou une image la fonction zoom qui sera appliquée a l'image qui suit.

j'ai bidouillé un petit code pour basculer entre les boutons marche et arret mais mon soucis maintenant et que la foction zoom est déclenchée depuis le début et je ne sais pas comment la faire marcher a partir du moment ou je clique sur l image marche et l arreter quand je clique sur l image arret.

voila mon code
1 - pour basculer entre les 2 images


$(document).ready(function(){
  $(".img1").click(function(){
  $(".img1").hide();
  $(".img2").show();
  });
  $(".img2").click(function(){
  $(".img1").show();
  $(".img2").hide();
  $(".img-zoom").die("elevateZoom");
  });
});


j'ai éssayé die en l'appliquant sur la classe de l'image a zoomer mais c'était un échec :(


2 - le code html
<div class="imagez">
    <div class="img-zoom"  > <img class="img1" src="images/on-off/0.png" style=" float:left;" />
<img class="img2" src="images/on-off/1.png" style=" float:left;display:none;" />
    <div class="container"><img height="250px" width="250px" id="zoom_07" alt="" src="images/img-pte-taille.png" data-zoom-image="images/img-gde-taille.jpg"/></div>
  </div>
    </div>




le zoom est appliqué par la fonction js elevateZoom qu'on peut trouver ici : https://github.com/elevateweb/elevatezoom

et voila son appel
$("#zoom_07").elevateZoom({
  zoomType				: "lens",
  lensShape : "round",
  lensSize    : 140
});

j'espere que j'étais assez claire et merci.
Afficher la suite 

Votre réponse

2 réponses

alone06 115 Messages postés mardi 9 novembre 2010Date d'inscription 18 mai 2016 Dernière intervention - 6 mars 2014 à 08:30
0
Merci
je ne sais pas s'il existe une fonction comme toggleclass mais qui change les id apres un evenement, ça fera l'affaire. J'ai deja cherché un truc comme ça mais rien :(
Commenter la réponse de alone06
alone06 115 Messages postés mardi 9 novembre 2010Date d'inscription 18 mai 2016 Dernière intervention - 6 mars 2014 à 08:34
0
Merci
lol que je suis con, je viens de résoudre la première partie du déclechemnt, reste maintenant l'arret
Commenter la réponse de alone06

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.