0

サーバー上に大量の画像があり、クライアントが ajax .load() リクエストを送信すると、サーバーの PHP スクリプトが各 td に img タグを含むテーブルをエコーし​​ます。これにより、クライアントに画像サムネイルの優れたテーブルが表示されます。しかし、サーバー スクリプトで、元の画像の幅と高さを何らかの方法で各 td または img タグにエンコードしたいと考えています。

この情報を img または td 要素の alt または title 文字列に書き込んで、jQuery を使用してクライアントに戻すことができるのではないかと考えました。

または、必要な属性を要素に貼り付けることができるとどこかで読んだと思いますが、今は参照が見つかりません。ブラウザーはそれらに応答しませんが、jQuery または JavaScript が読み戻すためのデータは存在します。それが安全であれば、各 img または td 要素に imgwidth および imgheight 属性を追加するだけで済みます。（下に来る画像はサムネイルなので、元の画像のサイズで表示できないため、 img タグの実際の幅と高さの属性は使用できません。

うまくいけば、誰かがより良いアイデアを持っているか、はい、必要な属性を要素に貼り付けることができることを確認できます.

ありがとう

4

1 に答える 1

1

img要素は実際に属性を定義heightしwidthます (レンダリングを支援するためにサーバー側で設定する必要があります)。サムネイルを使用してサイズを表示するため、この追加情報を保持するためにサムネイルを直接利用することはできません。

それらを定義していない要素については、data-*属性を使用して情報を保持できます。これは、img要素に対しても行うことができます。jQuery には、dataまさにこれらの機能があります。

例：

<img src="..." height="100" width="100" data-actual-height="300" 
                                        data-actual-width="400" />
于 2013-06-01T08:53:01.840 に答える