1

私は実際に、私が作成したいくつかのビデオのサムネイルを含む画像ギャラリーに取り組んでいます。このために、次のコードを使用してギャラリーの with を計算します。

$(function() {
$(window).resize(function() {
    var width = $(this).width() - 200;
    $("#gallery").css("width", width);
}).resize();});

これで、各画像の縦横比は 16:9 になります。したがって、ギャラリーの幅を 16 で割り、この値に 9 を掛ける必要があります。それほど難しくないように見えますが、実際には行き詰っています。誰かが私を助けてくれることを願っています、ありがとう！

4

2 に答える 2

2

要素の高さを再計算する必要があります。

$(function() {
    $(window).resize(function() {
        var width = $(this).width() - 200;
        $("#gallery").css({
            "width": width,
            "height": width*(9/16)
        });
    }).resize();
});

概念実証のフィドルは次のとおりです。http://jsfiddle.net/teddyrised/w555h/6/

于 2013-11-02T22:38:56.867 に答える