問題タブ [holder.js]

holder.js静的テンプレートを使用してプレースホルダー画像を読み込みたいです。静的テンプレートindex.htmlには次のものがあります。

app.yamlというフォルダーに静的ファイルを提供するためのハンドラーを設定してstaticいるので、問題ないことはわかっていますが、何らかの理由でholder.js、要求した 200x200 の画像が生成されません (ログ ファイルは 404 エラーを生成します)。これはある種のハンドラーの問題だと思います。おそらく、App Engine は私の要求をディレクトリとして処理していて、それを見つけることができません。ファイルのサブディレクトリとしてではなく、ファイルのパラメーターとしてapp.yaml要求を処理するように、ファイルを構成する必要があります。holder.jsこの問題を解決するために誰かが私を正しい方向に向けることができますか?

AngularJS フレームワークで holder.js を使用して、壊れた画像のプレースホルダーをセットアップしようとしています。

すべてがすべてのブラウザーで完全に機能しますが、IE11 を除き (驚きです!)、奇妙な「無効なプロパティ値」エラーが表示されます...古いバージョンの IE でテストすることさえしませんでした。

したがって、次の場合に機能します。

• "holder.js/100%x100%"属性で直接使用しsrcます（追加のディレクティブなし）
• "holder.js/100x100"壊れた画像のプレースホルダーとして使用します

ただし、次の場合は失敗します。

• （=>無効な引数）の代わりに"holder.js/100%x100%"直接使用しますdata-ng-srcsrc
• "holder.js/100%x100%"壊れた画像のプレースホルダーとして使用します ( => 無効なプロパティ値)

他のいくつかのテスト (jQuery または純粋な javascript を使用) の後、エラーが holder.js に起因するものではないことがわかりました。プログラムで src/ngSrc 属性の文字を使用する場合、IE11 に問題があると思いますが%、私が正しいかどうかはわかりません。

4つのユースケースのフィドルは次のとおりです。

http://jsfiddle.net/msieurtoph/184fseew/

誰かがその理由またはそれを機能させる方法について考えを持っているなら.

お世話になりました...

編集 ：

@imskyへのThx、ここではdata-src代わりに使用する実用的なフィドルsrc：http://jsfiddle.net/msieurtoph/184fseew/23/

ブートストラップ 3 を使用して、サムネイル付きの製品リスト ページを作成しています。bootstarpそして、Bootstrap のサムネイルを使用したいと思いHolder.jsます。ドキュメントhereおよび here も読みました。

彼らは皆、この構文について話しています:jsファイルをロードした後。

PHPでforeachを使用してロードしたいので、画像ソースがどこでどのように取得されるかを調べて調べようとしました。

ここに私の検査結果：

というわけで、画像からもdata:svg...わかるように、わからないところがあります。

私の質問をまとめるには：

1. hodelr.js を使用して画像を読み込むにはどうすればよいですか?
2. サムネイル ビューですべての画像を表示するには変換が必要ですか?
3. Hodler.js はどこで画像を取得でき、どのように動的に取得できますか?

私は次のものを持っていますsvg:generated。

どうもありがとう！

holderjsを使用して、サイトのプレースホルダー イメージを生成します。

<img data-src="holder.js/200x200" />テキスト「200x200」<img data-src="holder.js/200x200?text=hello"の画像を表示し、テキスト「hello」の画像を表示できます。

画像サイズとカスタム テキストを一緒に表示する方法はありますか (「200x200 こんにちは」などのテキストを設定しないでください)??

ありがとう〜

更新: 2015 年 6 月 25 日

以下のように、dustjs の開発者からの応答を Git します。

2 つの要素の間に空白を確実に残す必要がある場合 (たとえば、inline-block 要素または white-space: pre ブロック内)、Dust 特殊 {~s} を使用してスペースを挿入できます。末尾を残すこともできます。編集者が許可している場合、行末の空白. Dust は末尾の空白を削除しません。

Firefox での出力は次のようになります。

https://www.dropbox.com/s/4uxz6l5po0bkhat/firefox.png?dl=0

ただし、Chrome と Opera は、Holder.js オブジェクトでこのカスタム フォントを使用しません。これは彼らがそれをどのようにレンダリングするかです:

https://www.dropbox.com/s/q2i0o6a61lq1hyx/opera-chrome.png?dl=0

これが私のメインHTMLの頭です：

ここに私の holder.js オブジェクトがあります:

ここに私のzond.fonts.cssがあります：

そして、ここに私の holder.themes.old.js があります:

問題はどこにありますか？CSSフォントと何か関係があると思いますか？考えられるすべてのフォント タイプを既に含めている場合、それは問題になるでしょうか?

初心者で、holder.js とブートストラップ カードを使用すると、画像を表示できません。ブートストラップ カードを作成するための最初のソリューションとして holder.js に出くわしたので、それを使用しようとしています。より良い解決策があれば、私はすべて耳にします。

これは、holder.js で呼び出したヘッダーです。

ここで何が欠けていますか？

holder.js の使用で Swiper の高さが間違っています。これはおそらく、Swiper が holder.js の前/同時に実行されるためです。swiper が正しい画像サイズを認識できるように、holder.js を最初に実行する必要があります。簡単な解決策はありますか？