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 つすべてで問題なく動作する理由を理解しようとしています。