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

jQuery プラグインを使用することをお勧めします。jQuery プラグインは簡単に見つけられ、要求されたほとんどすべてのことを実行できるからです。可能な代替手段については、この例を見てください。これには、サムネイルがあり、マウスを上に移動したときに完全な写真をロードできるという利点があります (一度にすべてのフルスケールの画像をダウンロードする必要がなくなります)。

于 2012-09-28T10:28:05.730 に答える
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

上と左を変更する代わりに、margin-left と margin-right を試してください

于 2012-09-28T10:30:38.160 に答える