0

Backstretch は、動的にサイズ変更可能なフル ウィンドウの背景画像を設定できる jQuery の拡張機能です ( Web サイトはこちら) 。

私は自分のサイトで背景のスライドショーを作成するためにそれを使用しています (ここ)

Firefox と Chrome ではすべて正常に動作します。Safari では、配列の最後の画像と配列の最初の画像の間で、fadeIn/fadeOut がグリッチします。フェードインとフェードアウトの代わりに、ある画像から次の画像にジャンプするだけです。また、Safari では一般的に「バグ」に見えます。

<script>
    $.backstretch([
      "images/one.jpg",
      "images/two.jpg",
      "images/three.jpg"
      ], {
        fade: 750,
        duration: 4000
    });
</script>

これは、公式のスライドショーの例からのコードのコピー/貼り付けであり、私が自分のサイトで使用しているものです (作成者の完全なパッケージをダウンロードすると、例のフォルダーにある slideshow.html の例)。著者の例を使用して Safariで動作し、バグをまったく感じません。

私のページが Chrome/Firefox では問題なく動作するのに、Safari では問題が発生するのに、まったく同じコードが 3 つすべてで問題なく動作する理由を理解しようとしています。

4

1 に答える 1