J'ai un javascript qui demande une superposition pour afficher un aperçu complet des images, et un bouton pour zoomer/dézoomer et un bouton pour revenir en arrière. Le problème, c'est que lorsque je regarde l'image en premier, le bouton de zoom avant/arrière fonctionne correctement, mais lorsque je retourne aux vignettes et que je lance une autre image, le zoom avant/arrière ne fonctionne pas.Javascript zoom avant/arrière en superposition ne fonctionne pas sur la deuxième charge d'image
L'arborescence DOM est comme ceci:
overlay(**parent**) >> imgContainer >> imgCanvas(draggable) >> img
Peut être un code aiderait mon cas. Quelqu'un peut-il me dire ce que je peux faire mal ici?
//enables the zoom-in/zoom-out toggle function
$('#Zoom').toggle(function() {
img.removeAttribute("height");
$("#draggable").draggable();
iconZ.setAttribute("src", "nav/nav-zoom-out.gif");
},
function() {
img.setAttribute("height", "270px");
$("#draggable").draggable('destroy');
$("#draggable").animate(
{ "left": $("#draggable").data("Left"), "top": $("#draggable").data("Top")}, "slow");
iconZ.setAttribute("src", "nav/nav-zoom.gif");
});
//navigates back to the thumbnails
home.addEventListener('click', function() {
$('imgCanvas').remove();
imgContainer.removeChild(imgCanvas);
overlay.removeChild(imgContainer);
$('#overlay').removeClass("on");
}
, false);