1

手始めに; jQuery/Javascript の初心者です。SlidesJS スライダーを含むレスポンシブ Web サイトを作成しています。私の基本的な問題は、ウィンドウの幅に応じてスライダーの高さを変更しないことです。

ウィンドウの幅が 767px 未満の場合は、高さを 600 に設定します。それ以外の場合は、高さを 400 に設定します。

このjQueryコード(柔軟にしたい高さ)でSlidesJS値を設定します:

$(function() {
$('#slides').slidesjs({
width: 940,
height: 400,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
});
4

1 に答える 1

1

これはうまくいくはずです

$(function() {
    $('#slides').slidesjs({
        width: 940,
        height: setWindowHeight(),
        play: {
            active: true,
            auto: true,
            interval: 4000,
            swap: true
        }
    });
});

function setWindowHeight() {
    return ($(window).width() < 767) ? 600 : 400;   
}
于 2013-04-09T13:11:50.227 に答える