0

画像カルーセルを構築しています。クリック可能なサムネイルが表示され、クリックすると実際の画像が表示されます。したがって、両方の URL が Html に表示される必要があります。img タグには "actualImageUrl" 属性が定義されていないため、次のようなサムネイル URL を作成できることがわかりました/thumb.png?altUrl=actualImageUrl.png。サーバーは actualImageUrl クエリ文字列パラメーターを気にせず、javascript を使用して scr 属性を解析し、actualImage Url を把握できます。

これはどの程度 W3C が有効ですか?

4

2 に答える 2

2

属性の URL を変更するsrcことは完全に有効です - しかし、属性を使用することができdata-ます - HTML5 では新しい (ただし、その doctype はそれらを使用するための要件ではありません)。その目的は仕様から、まさにこれです:

カスタム データ属性は、ページまたはアプリケーション専用のカスタム データを格納するためのものであり、これ以上適切な属性や要素はありません。

カスタム属性の w3 仕様

注-ここで検証をテストできます

于 2012-07-10T07:58:25.753 に答える
1

srcXHTML での「有効な」(形式的なもの) の意味では、属性値として何でも有効です。それ以外の場合は、そのような値にクエリ部分を持ち、クライアント側のスクリプトで使用することも正しいです。

しかし、それは不必要に複雑かもしれません。クライアント側の JavaScript を使用しているので、URL を HTML マークアップのどこかに置くのではなく、JavaScript 配列またはオブジェクトに含めることができます。たとえば、次のように、サムネイル画像の URL をプロパティ名として、完全な画像 URL を対応する値として持つオブジェクトを使用できます。

var fullImage = { 'thumb.png': 'actualImageUrl.png', ... }

次に、このオブジェクトを使用して、サムネイルがクリックされたときに完全な画像の URL を取得します。

JavaScript が無効になっている場合でも機能する、より堅牢なソリューションの場合は、サーバー側でコードを生成し、a要素の周りにimg要素を生成する必要があります。

于 2012-07-10T08:32:33.500 に答える