問題タブ [jquery-backstretch]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery-plugins - jquery-backstrechを使用したページ全体の背景画像の自動サイズ変更
このプラグインhttp://srobbin.com/jquery-plugins/backstretch/を変更して、ウィンドウのサイズがhttp://css-tricks.com/examples/FullPageBackgroundImage/css-1のように変更されたときに背景の比率を自動維持するにはどうすればよいですか。 php。
「backstrech」のスムーズなフェード効果が好きなので、このプラグインを維持したいと思いますが、画像間のスムーズな効果で私が探していることを行うより良いプラグインを誰かが持っている場合.
ありがとう
jquery - jQuery バックストレッチ: 次、前のメソッド
Backstretch を使用するサイトを構築しています (ちなみに非常に便利です)。次のように、特定の要素をスライドにプッシュする例をいくつか見てきました。
しかし、(URL を指定せずに) 戻る/進むボタンを作成した経験のある人はいますか? ソース を見るline 252
と関数が表示されますが、それを使用する方法がわかりません。next
標準のクリックにバインドされています。
これは、微妙な UI の追加として役立つと考えました。任意のポインタをいただければ幸いです。ありがとう!
jquery - スライドショー用の画像を HTML から動的に提供 (jQuery map/get)
バックグラウンド スライドショーに素晴らしいプラグインjQuery BackStretchを使用しています。これは、画像を渡す一般的な方法です。
ただし、ハードコーディングによって画像を提供したくはありません。PHP がそのコンテナー内で生成するものを関数に取得させたいのです。これが私がこれまでに持っているものです。
そして、それは明らかに機能しません - FireBug によると、可変イメージは定義されていません (?) 。ただし、変数を「警告」すると、画像のコンマ区切りの URL が表示されます。
私は何が間違っているのですか?ありがとうございました!
jquery - jQuery バックストレッチ スライドショーが機能しない
スライドショーでjquery backstretchを実行しようとしています。これまでのページのコードは、バックストレッチのデモ ページから直接コピーしたものです: http://srobbin.com/demos/jquery-backstretch/examples/slideshow.html
責任は、ページを非常にシンプルにすることであり、これまでのコードは次のようになります。
私は持続時間とフェードの有無にかかわらずそれを試しましたが、喜びはありません. さらに、1つの画像を使用するだけで問題なく動作します。複数あるのはただの白い背景です。firebug を見ると、次のエラーが表示されます。
<img style="position: absolute; display: none; margin: 0px; padding: 0px; border: medium none; z-index: -999999;" src="beach.jpg,swing.jpg">
明らかに画像ソースが見つかりません。
どんな助けでも感謝します。
jquery - Refinery Railsアプリの複数のページに表示されるjQueryバックストレッチ
jQuery プラグインBackstretchをインストールして、Refinery Rails アプリと連携させています。
プラグインは、私がリストした1つの画像をロードします
アプリケーション.js
「if/elseステートメントを使用してバックストレッチをロードします。つまりif($("body#about"))....else if($("body#contact")...";
、これを適切に記述する方法が本当にわかりません。私が試したのは次のとおりです。
アプリケーション.js
これはどう書くのが正しいのでしょうか?または、この効果を行うためのより良い方法はありますか?
jquery - jQuery Backstretch - 画像の src 属性でスライドショーを作成する
jQuery Backstretchのスライドショー機能を使用しています。複数のページで使用し、すべて異なる画像のセットを使用します。$.backstretch()
ラッパー要素の画像を調べて src 属性を取得し、それらを関数に挿入する方が理にかなっていると思いました。
私は配列が得意ではありませんでしたが、これを機能させるために作成する必要があると思います。
画像を 1 つだけ使用している場合にこれを実現する方法の例を見つけましたが、スライドショー機能を利用できるように 2 つ以上を使用したいと考えています。
以下は、たった 1 つの画像で実現する方法の例です。
html
js
ありがとう!
javascript - ループから DIV へのバックストレッチ コピー出力
Backstretch スクリプトを使用した全画面背景スライドショーがあります。各スライドのキャプションを作成しようとしており、情報を表示したいと考えています
の中に
スパンは、スライドショーに表示されるリストの一部であり、非表示になっています。
ここに私がこれまでに持っているもののjsfiddleがあります。
アドバイスや助けをありがとう。
jquery - バックストレッチ 100% div の高さ
背景 (セクション) として複数の div を持つ backstretch jquery プラグインを使用しています。どうすればこれを達成できますか?
HTML
CSS
}
ジャバスクリプト