0

これは非常に簡単だと思いますが、2日間試してみても、まだ無知です。基本的に、画面の幅が767ピクセルを超える場合はコマンドのセットを実行し、画面の幅が767ピクセル未満の場合は別のコマンドを実行する必要があります。

画面が767ピクセルより広い場合、次のことを行います。

<script type="text/javascript">

    var jsReady = false;//for flash/js communication

    // FLASH EMBED PART
    var flashvars = {};
    var params = {};

    params.quality = "high";
    params.scale = "noscale";
    params.salign = "tl";
    params.wmode = "transparent";
    params.bgcolor = "#111111";//change flash bg color here
    params.devicefont = "false";
    params.allowfullscreen = "true";
    params.allowscriptaccess = "always";
    var attributes = {};
    attributes.id = "flashPreview";

    swfobject.embedSWF("preview.swf", "flashPreview", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);

    <!-- and much more code... -->

</script>

画面が768ピクセルより狭い場合は、次のコマンドを実行します。

<script type="text/javascript">  

        jQuery(function($){
            $.supersized({
                //Background image
                slides  :  [ { image : 'img/some_image.jpg' } ]                 
            });
        });

</script>

そうです...デスクトップとタブレットの場合、フルスクリーンのビデオ背景を表示したいと思います。小さい画面（767ピクセル未満）の場合、静止画像の背景を1つ表示したいと思います。

4

3 に答える 3

2 
if(screen.width > 767) {
   code A...
} else {
   code B...
}
于 2012-04-07T22:03:26.703 に答える
2

を使用してウィンドウの現在のサイズを取得し、$(window).width()フォームのサイズ変更イベントにハンドラーをアタッチできます。簡単な使用のために、それはと同じくらい簡単です

$(window).resize(funcion() {
    $width = $(window).width();
    if($width < 767) {
            $.supersized({
                //Background image
                slides  :  [ { image : 'img/some_image.jpg' } ]                 
            });
    } else {
        //if width is greater than 767
    }
});
于 2012-04-07T22:19:10.347 に答える
1

JQueryを使用しているので、これを使用できます。

if ($(window).width > 767) { ... }

これは、最大値ではなく、ウィンドウの現在のサイズを返します。

于 2012-04-07T22:06:04.507 に答える