Código HTML:
estado=0; function zoom(){ if(estado==0){ $('img[id^="img"]').effect("scale",{percent:(100*2.5)},1000); $('imgcos').css('cursor','hand'); $( ".imgcos" ).draggable({ disabled: false }); $( ".imgcos" ).draggable({containment: [-362,-492,370,110]}); estado=1; }; } function inici(){ if(estado==1){ $(".imgcos").animate({top:"0px",left:"0px"},500,function(){ $('img[id^="img"]').effect("scale",{percent: 40},1000)}); $('imgcos').css('cursor','inherit'); $( ".imgcos" ).draggable({ disabled: true }); estado=0; } }
Código HTML:
<div style="position:absolute; width:25px; height:25px; left: 625px; top: 31px; z-index: 3;"><a href="#"><img src="images/tools/zoom-.png" style="width:25px; height:25px;" border="0" onClick="inici()"/></a> </div>
No entiendo que hago mal, ni como solucionarlo.
Muchas gracias a todos.