※ ChatGPTを利用し、要約された質問です(原文:jQery lightboxをmapタグ内で使うに)
mapタグ内でのjQery lightboxの使用方法
このQ&Aのポイント
mapタグ内でjQery lightboxを使用する方法を教えてください
meta内に必要なスクリプトとスタイルシートを追加しましたが、jQery lightboxが動作しません。問題点を教えてください。
mapタグのarea要素にrel属性とhref属性を追加し、かつJavaScriptコードを修正することで、mapタグ内でjQery lightboxを使用することができます。
jQery lightboxをmapタグ内で使うに
jQery lightboxをmapタグ内で使う事は出来るでしょうか。
meta内は、
<script src="/jquery/lightbox/jquery.lightbox-0.5.js" type="text/javascript"></script>
<script src="/jquery/lightbox/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
<script src="/jquery/lightbox/jquery.lightbox-0.5.pack.js" type="text/javascript"></script>
<link href="/jquery/lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" media="all" />
として、以下のようなhtmlを記述したのですが
動きませんでした。
問題点はどこにあるのでしょうか。
ご教授いただけますと幸いです。
<div id="gallery">
<map name="Map" id="Map">
<area rel="lightbox" href="/aaa.jpg" $('#gallery a').lightBox();" target="_blank" shape="rect" coords="77,266,98,286" />
<area shape="rect" coords="121,299,138,317" href="#" />
<area shape="rect" coords="149,305,171,325" href="#" />
</map>
</div>
お礼
ありがとうございます。 ばっちり出来ました。 大変参考になりました。