0

我写了一个 jquery 函数来缩放图像。第一行隐藏所有图像，最后一行放大当前图像。在这两者之间，我编写了基于逻辑的代码，用于在中心显示图像。但它不起作用，有人可以帮忙吗？ 

     $("img").animate({opacity: "0.001", left: '0px'})

     var imgPosX = ( $(window).width() - $("this").width() )/2; 
     var imgPosY = ( $(window).height() - $("this").height() )/2; 

     $(this).css({"top": imgPosY+"px", "left": imgPosX+"px"}); 
     $(this).animate({opacity:"1", zoom: '150%'}, 'medium');},
4

4 回答 4

2

删除"s 周围this：

 var imgPosX = ( $(window).width() - $(this).width() )/2;
 var imgPosY = ( $(window).height() - $(this).height() )/2;

this是 JavaScript 中的关键字而不是字符串。

于 2012-09-28T10:26:08.277 回答
0

而不是改变顶部和左侧尝试margin-left和margin-right

于 2012-09-28T10:30:38.160 回答
0

试试这个工作演示

$(function(){

    $("img").css({opacity: "0.001", left: '0px'});

    objthis= $("img").eq(0);
     var imgPosX = ( $(window).width() - objthis.width() )/2; 
     var imgPosY = ( $(window).height() - objthis.height() )/2; 

     objthis.css({"position":"relative","top": imgPosY+"px", "left": imgPosX+"px"}); 
     objthis.animate({opacity:"1", zoom: '150%'}, 'medium'); 
});
于 2012-09-28T10:34:00.453 回答
0

我建议使用 jQuery 插件，因为它们很容易找到并且几乎可以执行您要求的任何操作。查看此示例以了解可能的替代方案。这还有一个额外的好处，即当您将鼠标移过时，您可以拥有缩略图并加载完整的照片（避免一次下载所有完整的图像）。

于 2012-09-28T10:28:05.730 回答