問題タブ [jquery-backstretch]

jQuery Backstretch スライドショーに 3 つ以上の画像を追加できるかどうか疑問に思いました。3 つの画像が回転していますが、4 番目の画像を取得できません。コードを参照してください。

], {期間: 3000, フェード: 1250});

ありがとう

縦にスクロールする単一ページの Web サイトを作成しようとしています。私のデザインは画像ベースで、学年に合わせてモバイル対応にする必要があります。

私が抱えている問題は、背景画像にあります。バックストレッチを体だけで動作させることはできますが、コンテナーの高さ全体に 1 つの画像を表示するだけでなく、さまざまな div で動作させる必要があります。

私はjqueryの経験がありません。これは間違いなく私の主な問題です:(

どんな提案でも大歓迎です。これが私がこれまでに持っているものです。

これにより、画像が div に適用されますが、y 軸を中心にするのではなく、画像の一部を非表示にするだけで、画像がまったくスケーリングされなくなります。

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

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

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

バックストレッチ プラグインがまったく機能しません。

ここから直接ダウンロードし、YouTube チュートリアルに従っていましたが、彼のコードは機能し、私のコードは機能しませんでした。

私は何を間違っていますか？他のものをダウンロードする必要がありますか? 私はプログラミングが初めてなので、どんな助けでも大歓迎です。

ありがとうございました！

背景画像を受け入れることができる回転コンテナーを作成しようとしています。

問題は、元の画像の比率を維持しようとしているため、画像が歪んでおらず、トリミングされているだけです。

ここに私が設定したフィドルがあります： http://jsfiddle.net/RyU9W/38/

HTML:

CSS:

完全に機能している色付きのコンテナがありますが、画像では正しく回転しません。

助けていただければ幸いです！

私は自分のウェブサイトでバックストレッチを使用しています。現在、背景を自動的に左から右に移動しようとしています。しかし、今までは一方向にしか動いていませんでした。その動画の連続ループを探しています。

画像をリセット/戻すにはどうすればよいですか??

backstretch.js: http://dev.disaster-kfw.com/fileadmin/template/js/slidebackground.js

移動効果と初期化のための JavaScript

このHTML出力の結果

HTMLコードを少し醜く投稿して申し訳ありません。正しく行う方法がわかりません...

編集：

どうもありがとうございますが、それは私が必要としているものではないと思います。

左移動から右移動に切り替えるには、image-width と margin-left に関する計算が必要だと思います。

だから私は自分の画像の幅を計算しようとしましたが、

は常に NULL です。

と

JavaScript全体を壊します。

マージン左をカウントアップする backswoop という 2 つ目の関数を作成することが解決策になるのではないかと考えました。次に、margin-left と image-width に関する条件を実行します。

しかし、私はjavascriptが得意ではないので、うまくいきません:-(

backstretch スクリプトが既に含まれている studiopress テーマを使用しています。サイトの背景画像を使用していますが、コンテンツ配信ネットワークを使用しています。

現在、画像の URL は mysite.com/media/background-image.jpg です。

こうなりたい: cdn-url.com/media/background-image.jpg

これが重要な理由は、サイトが米国中西部でホストされているにもかかわらず、英国の視聴者がいるからです。CDN は、英国ロンドンの静的コンテンツを提供します。

studiopress サポート フォーラムに投稿しましたが、まだ返信がありません。

現在の関数phpコードは次のとおりです。

これを変更して、必要な結果を得ることができますか?

JQuery Backstretch ( http://srobbin.com/jquery-plugins/backstretch/ ) を使用して素敵な背景ギャラリーを作成しています。モバイルと同様に、オーバーレイ コンテンツで常に問題が発生します。解像度が 767 より低い場合は、バックストレッチ スライドショーを停止したいと考えています。その後、単純な写真のみを表示する必要があります。私はこのコードで試しました：

ロード後:

しかし、これにより新しい背景画像が表示されますが、スライドショーは停止しません。

手伝ってくれてありがとう。

よろしくトーマス

Backstretch jQuery プラグインを使用して、開始ページにフルスクリーンの背景画像を作成したいと考えています。したがって、次のコードを使用しました。

デモで説明されているのと同じ方法で行ったので、何が間違っていたのかよくわかりません....

私はあなたの助けに非常に感謝します:)