サイト制作している者です。
画像内にリンク範囲を設定する「クリッカブルマップ」で、ダウンロードした「lightbox」を利用してリンク先の画像を表示させたいのですが、「lightbox」が機能しません。
■制作プログラム
XHTMLでcharset=Shift_JIS"を使用
●1<a href="画像URL" rel="lightbox[example]">テキスト</a>
1.通常?のリンクは、IE7でも、FF3でも、「lightbox」が機能します。
<img src="画像URL" width="740" height="505" border="0" alt="代替テキスト" usemap="#course" />
●2<map name="course">
<area shape="rect" coords="15,359,110,374" href="画像URL" rel="lightbox[example]" alt="代替テキスト" />
</map>
2.のプログラムは、通常のリンク先の画像の画面に変わるのみ。
●3<map name="course">
<a href="画像URL" rel="lightbox[example]"><area shape="rect" coords="15,359,110,374" alt="代替テキスト" /></a>
</map>
3.のプログラムは、「エアーコンソール」に下記のエラー表示がされ機能しません。
「エラー: <area shape="rect"> タグの coords 属性が "left,top,right,bottom" 形式の値になっていません」と表示されます。
どこか無理があるのでしょうか?プログラムが間違っているのでしょうか?
サイト制作している者です。
画像内にリンク範囲を設定する「クリッカブルマップ」で、ダウンロードした「lightbox」を利用してリンク先の画像を表示させたいのですが、「lightbox」が機能しません。
■制作プログラム
XHTMLでcharset=Shift_JIS"を使用
[color=red]●1[/color]<a href="画像URL" rel="lightbox[example]">テキスト</a>
1.通常?のリンクは、IE7でも、FF3でも、「lightbox」が機能します。
<img src="画像URL" width="740" height="505" border="0" alt="代替テキスト" usemap="#course" />
[color=red]●2[/color]<map name="course">
<area shape="rect" coords="15,359,110,374" href="画像URL" rel="lightbox[example]" alt="代替テキスト" />
</map>
2.のプログラムは、通常のリンク先の画像の画面に変わるのみ。
[color=red]●3[/color]<map name="course">
<a href="画像URL" rel="lightbox[example]"><area shape="rect" coords="15,359,110,374" alt="代替テキスト" /></a>
</map>
3.のプログラムは、「エアーコンソール」に下記のエラー表示がされ機能しません。
「エラー: <area shape="rect"> タグの coords 属性が "left,top,right,bottom" 形式の値になっていません」と表示されます。
どこか無理があるのでしょうか?プログラムが間違っているのでしょうか?
|