Hola, Tengo esta función.
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;
}
}
Que lo llamo des de esta manera
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>
Como puede ser que me haga la función inici 2 veces y me reduzca el tamaño 2 veces el 40%??
No entiendo que hago mal, ni como solucionarlo.
Muchas gracias a todos.