javascript - モバイル向けに異なる画像セットを提供する

Question

私はjQuery-backstretchを使用して、ページにフェージング背景画像を提供しています。これはデスクトップではうまく機能しますが、これらの画像が非常に詳細であるため、モバイル ユーザー専用の別の画像セットを使用する必要があります。

これまでのところ、モバイル用のスクリプトを無効にする方法 (または個々のページに異なる画像を使用する方法: Using Backstretch for different images for individual pages ) を見つけましたが、モバイル用にまったく異なる画像セットを提供する方法を見つけたいと思います。 .

<script>
function detectmob() {
  if(window.innerWidth <= 800 && window.innerHeight <= 600) {
     return true;
   } else {
     return false;
   }
}

if(!detectmob()){

    $.backstretch(["imgs/1.jpg"
, "imgs/2.jpg"
, "imgs/3.jpg"
, "imgs/4.jpg"
], {duration: 1800, fade: 4000});
}
</script>

誰にも解決策がありますか？どうもありがとう。