問題タブ [jquery-backstretch]

私は、すべてのセクションに投稿 ID を介してコンテンツが読み込まれる単一ページの Web サイトに取り組んでいます。

すべてのページには、コンテンツ div の下に配置された独自の完全な背景画像があります。Backstretch.js を使用して、その画像を div id に作成します。

例。
http://jsfiddle.net/4k6ty4n1/4/

ここまではすべて完璧に動作しますが、現在のようにハードコーディングするのではなく、WordPress の注目の画像オプションを使用して背景画像を編集できるようにしたいと考えていますが、解決策が見つかりません。

それは次のようなものでなければなりません（私は推測します）：

viewportWidth に応じて画像を選択したいと思います。残念ながら、私はそれを機能させることができません。「else」ケースのみが表示されるため、if 関数は機能しません。手伝ってくれますか？

私のコード:

JSFiddle でも見つけることができます。

私は簡単な問題のように見えるものに苦労してきました:

スライダーと jquery バックストレッチの組み合わせのように見えるものを使用するサイトを継承しました。クライアントは、スライドショーの 1 つにキャプションがあり、画像の表示されている下部に沿って配置されるように要求しました。

だから私はこれを変えたい：

これに：

そして、画像の場合と同様に、div の各インスタンスを破棄します。

ただし、JavaScript でキャプション div をレンダリングし、ナビゲーションと同期させることができないようです。きれいな水の目的で、私はすべての試みを削除し、最初に使用した JS コードに戻りました。

以下に例を示します: http://tylonius.net/backstretch/lifestyle-gallery.html

誰でもこれを手伝ってもらえますか？

もっと見せたいのですが、問題は簡単です。github の指示に従って、以下を配置します。

$.backstretch("path/to/image.jpg");

JSで。bg は適用されますが、本体自体には適用されません。内部ボディの最後に貼り付けます:

私も次のことを試しました：

$('body').backstretch("path/to/image.jpg");

それは単に体に適用したくないだけです。そうすることで解決されるクロムのバグがあると信じているので、私は体にその魔法が必要です。

バックストレッチの使用について少し助けが必要です。スライドショーではボタンを固定したいので、クラス要素内でバックストレッチを使用します。バックストレッチのコードは次のとおりです。

問題は、バックストレッチによりこの要素が非常に広くなり、画像から切り取られることです。なぜそうなのか誰か知っていますか?

データベースから画像を取得し、これを backstrech-Plugin の配列に追加します。

これは私が作成したコードです:

imgArray の console.log を作成すると、次の値が得られました。

関数呼び出しの代わりにこの文字列を追加すると、画像が表示されるため、すべての画像が利用可能です。したがって、画像は呼び出し可能で利用可能です。

購入した WordPress テンプレートを編集しようとしています。ブラウザ ウィンドウのサイズを変更すると、ホームページの目玉であるスライドショーの画像が適切にサイズ変更されません。高さも非常に小さい高さに固定されているようで、CSS を変更しても何も変わらないようです。開発者はBackstretchという JQuery プラグインを使用しているようです。しかし、プラグインは他の多数の要素内にネストされており、適切に機能していません。私はかなりの HTML と CSS の経験がありますが、JQuery の経験がないため、解決策が見つからないようです。

ウェブサイトはwww.alegowedding.co.zaにあります。

HTMLコードは次のとおりです。

CSS からの抜粋:

どうもありがとう！エイミー

編集：例

下の画像は、1080p モニターの全画面ブラウザーで表示されています。画像の上下が切れています。

下の画像は同じモニターですが、幅を狭くするためにブラウザのサイズを変更しています。高さは改善されましたが、まだ完全な画像は表示されていません。

JQuery Backstretch 画像にタイトル付きの div を追加したいと考えています。コードは次のようになります。

ここでは、内側の div がバックストレッチに使用されています。その前に外側の div 内にコンテンツを追加すると (以下のように)、ストレッチが機能しません。

私はjsfiddle（http://jsfiddle.net/krishnasarma/err1fkcd/）でシナリオを複製しようとしていましたが、画像がまったく表示されません。