問題タブ [holder.js]

holder.js

ページにプレースホルダー画像を動的に追加したいと考えています。

そのように挿入しても機能しません:

ホルダー スクリプトは既に実行されており、新しい要素を検索していないためです。

ただし、手動で再度実行することはできます。

ただし、すでに追加されているすべての要素をスキャンします。

それで... holder.js を作成して DOM 要素を返して、全体を再実行せずに手動で追加できるようにする方法はありますか?

Bootstrap のサムネイル コンポーネントを使用して、製品カテゴリのリストとサムネイル画像を表示しようとしています。ユーザーにサムネイルをクリックしてカテゴリに移動してもらいたい。

Bootstrap Web サイトのドキュメントには、次の基本的なマークアップが記載されています。

holder.js に関する情報を Google で検索し、公式の holder.js ページを見つけ、zip バージョンをダウンロードし、ファイルをサイトの js フォルダに置き、HTML に script タグを付けて holder.js ファイルにリンクしました。

しかし、どの画像ファイルを使用するかをマークアップのどこでどのように指定すればよいのでしょうか?

また、おそらくスパンまたは h4 タグを使用して、各画像の下にカテゴリ名を含める必要があります。これは、クリック可能なブロックの一部を形成する必要があります。

更新: 明確にするために、実際に利用したいのは、サムネイル コンポーネントのスタイリングの側面だけです。おそらく、サムネイル コンポーネントと関連する HTML マークアップを使用してこれを実現し、holder.js を完全に除外できますか?

これは、私が使用したい HTML マークアップの種類です。

Holder.js には、スラッシュを含む「/holder.js/200x300」の呼び出し構文が必要です。サイズの前のスラッシュは Sinatra ルーティングでは認識されず、「Sinatra はこのことを知らない」という結果になるだけです。ページ。holder.js と Sinatra を連携させるには?

Ember.js Handlebars テンプレート内のオブジェクトの配列をループして、holder.jsを使用してそれぞれのプレースホルダー イメージを表示しようとしています。

#each ループ コンテキストの外では、holder.js は期待どおりにプレースホルダー イメージをレンダリングします。

#eachループ内では、プレースホルダー イメージは表示されません。

#each ループがどのように機能するかについて私が理解していないことがあるかもしれませんが、プレースホルダー画像をここに表示するためのトリックはありますか?

ペーパークリップのデフォルト画像に holder.js ライブラリを使用しようとしました。画像に src="holder.js/#{width}x#{height}" がある場合、Holder.js は data-src 画像プレビューを作成しますが、正しい URL を作成できません。実際、私には2つの問題があります：

最初の問題は、スタイル サイズを取得するためのサムネイル style_name の取得です。

次に、相対パス (holder.js/100x100 - 例) でイメージ src を作成します。rails は、生成された URL の先頭に /assets/ を追加します。

以下は私のコードです。問題は、私が何をしても、2番目のholder.jsイメージが表示を拒否することです。ブートストラップには、スパンルールごとに1つのholder.jsサムがあるかのようですか?

Bootstrap を使用してプロジェクトのフロントエンドを構築しており、通常のテキストの代わりに 3.0.0 で見つかったGlyphiconを使用したいと考えています。どうすればいいですか？

Holder.jsに精通している人は、JS が基本的にクライアント側でプレースホルダー イメージを作成することを知っているでしょう。これには、スクリプトの重量 (約 4Kb) をダウンロードしてクライアントのマシンにイメージを生成させるだけでよいため、帯域幅を節約する便利なアプリケーションがあります。

Glyphicons を holder.js と組み合わせて、その場で大きな高品質のアイコンを生成したいと考えています。

Bootstrap を使用して Glyphicon を呼び出すのは、次のように簡単です。

holder.js で「Hello World」というテキストを含む動的画像を呼び出すには、次のようにします。

Bootstrap CSS が Glyphicon クラスをフォントとして定義し、疑似 before 要素を使用して、2 次クラスによって定義された特定の文字を呼び出すことを理解しています。下記参照：

画像アイコンを出力するために、特定のグリフィコン文字を正しいフォントで holder.jsに簡単に渡すにはどうすればよいですか?

新しい img ホルダーを作成する場合:

1 行にテキストを保持するのに十分なスペースがなく、新しい行を改行する方法がわかりません。

誰にもアイデアはありますか？

ありがとう

holder.js を使用して画像を表示しようとしていますが、画像の代わりにサンプル画像が表示されています。

これは holder.js を使用する正しい方法ですか? 誰かが holder.js を使用して画像を表示する例を投稿できますか?