問題タブ [jquery-backstretch]

バックストレッチで悩んでいます。各画像のテキストを含む div を持つスライドショーが必要です。

私はそれを機能させましたが、「次へ」ボタンと「前へ」ボタンを追加しようとすると、「次へ」ボタンのみが機能し、「前へ」ボタンが誤動作し、エラーが表示されません。

私のコードを確認するには、このフィドルを参照してください: Fiddle

フィドルを機能させることができませんでしたが、私のコンピューターでは問題なく動作します。編集：フィドルが機能しています！

この jquery プラグイン backstrech が既にロードされているかどうかを確認するにはどうすればよいですか: http://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js

if($.fn.backstretch)動かない。

ここで行っていることの非常に簡素化されたバージョンを再作成しました。

http://jsfiddle.net/xK7U2/11/

html:

CSS:

js:

250px を超えて水平方向にスクロールすると、バックストレッチ画像が変更されたときに、(時々) スクロールバーが左にジャンプして最初に戻ります。そうなる前に、何度か試してみる必要があるかもしれません。

これが起こらないようにする理由と方法を誰か教えてもらえますか?

Backstretch jquery をページのスライドショーとして使用しています。ページ上の個々の画像にリンクできるようにしたいと思います (たとえば、ブログの投稿から、またはサムネイル ビューからでも)。

たとえば、mysite.com/projects/firstproject#3 に移動して、通常どおりページをロードできるようにしたいのですが、最初ではなく画像 3 から開始します。

これが私の基本的なバックストレッチコードです:

これは機能しますが、うまく機能しません。最初の画像を表示し、残りを後ろにロードし、完了すると、選択した画像に移動します。大量の画像を含むページでは、これはかなりの遅延になる可能性があります。

これを行うためのより速い/より良い方法はありますか?

Bootstrap と backstretch ( http://srobbin.com/jquery-plugins/backstretch/ ) を使用して、単純な静的 Web サイトを作成しています。さまざまなブラウザーでテストすると、Safari では正しく読み込まれないことがわかりました。これは進行中の作業であるため、コードの一部があまりきれいではないことは理解していますが、コンテンツは他のブラウザーで完全に表示されるため、困惑しています。

通常、これはページの全幅でビューポートの高さの 95% の div をレンダリングします。次に、この div はバックストレッチを使用して画像で埋められます。safari の場合、画像がまったく表示されず、テキストが次の html セットと重なってしまいます。

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

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

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

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

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

誰かが助けてくれることを願っています。jQuery Backstretch を使用して、Bootstrap/Wordpress 内の特定のページごとに異なる背景画像を適用しようとしています。例えば：

ホーム - bg 画像 a 概要 - bg 画像 b ニュース - bg 画像 c など...

標準の Backstretch スクリプトを使用して、すべてのページに 1 つの画像を表示することができましたが、上記を適用する方法について (検索後でも) 完全にわかりません。

これまでの私のコード:

これを footer.php で使用しました。

誰にも解決策がありますか？