jQuery放大和缩小function不起作用

当按下按钮时，我试图放大并缩小照片，但是我无法让代码正常工作我相信这是我构建缩小部分的方式。码。

jQuery代码：

$(".enlarge-photo").click(function(){ //photo - zoom-in var $img = $(".image"); $img.stop().animate({ height: "365", width: "269", paddingRight: "12"},"fast"); },function(){ $img.stop().animate({ height: "265", width: "169", paddingRight: "0"},"fast"); }); 

这是我使用的HTML：

 
  
Laura Skelding/AMERICAN-STATESMAN
 
 
 
ENLARGE PHOTO
  

Answer 1

基于您想要一个按钮来执行此操作的事实：

 $("#zoom").button().click(function () { var options = { height: "365", width: "269", paddingRight: "12"}; var myImage = $("#myImage"); if (myImage.hasClass("zoomed")) { options = {height: "265", width: "169"}; } myImage.stop().animate(options,"fast"); myImage.toggleClass("zoomed"); });​ 

更新小提琴： http ： //jsfiddle.net/johnkoer/NhYtL/19/