1

JavaScript を使用して画像ギャラリーを作成しています。画像をクリックして拡大すると、ページの中央に拡大するのではなく、ページから完全に拡大します。拡大中に画像を中央に移動するにはどうすればよいですか? 私のギャラリーは真夜中に予定されているのですが、うまくいきません! 私の教授は、画像が拡大されている間、画像を上下に移動させる必要があることをほのめかしました。誰かが助けてくれたら本当にありがたいです！

4

1 に答える 1

1

コードを見なくても、概念を説明することしかできません。JS と CSS の両方を使用する必要があります。次に例を示します。

これはJSです：

 $(document).ready(function(){
            if($(".myImage img").width() > $(".myImage").width()) {
                var url = $(".myImage img").prop("src");
                $(".myImage").css("background","url("+url+") no-repeat center center").empty();                
            }else{
                $(".myImage img").width($(".myImage").width()).height($(".myImage").height());
            }
        });

これはHTMLです：

<div class="myImage">
        <img src="http://cdn.walyou.com/wp-content/uploads//2010/12/facebook-profile-picture-no-pic-avatar.jpg" width="350"/>
    </div>

そして最後に CSS のコード:

.myImage { border:1px solid #000; width:300px; height:300px; overflow:hidden; }
于 2012-12-13T00:02:12.767 に答える