javascript mootools BarackSlideshow

質問

javascript mootools　BarackSlideshowで、画像をクリックした際に指定のページにページ遷移させる方法を教えてください。
http://www.syboos.jp/opensource/bookmark/detail/barackslideshow.html
こちらのスライドショーJavascriptを使いたいと考えています。メニューテキストをクリックすると画像が入れ変わるスクリプトです。
こちらのスクリプトでスライド画像をクリックした際に指定のURLにページ遷移させる方法があればご教授いただきたいです。
賢い方、ぜひとも宜しくお願いします！

回答No.1

holyshared · ベストアンサー

普通に画像の部分をa要素でマーク付けするだけで大丈夫みたいですね。
ダウンロードして解凍したDemoフォルダのindex.htmlでいうとこんな感じになると思います。

変更前
<ul id="pictures">
<li><img src="../Source/images/cities/melbourne.jpg" alt="Melbourne" title="Melbourne" /></li>
<li><img src="../Source/images/cities/buenos_aires.jpg" alt="Buenos Aires" title="Buenos Aires" /></li>
<li><img src="../Source/images/cities/urubamba.jpg" alt="Urubamba" title="Urubamba" /></li>
<li><img src="../Source/images/cities/london.jpg" alt="London" title="London" /></li>
<li><img src="../Source/images/cities/venice.jpg" alt="Venice" title="Venice" /></li>
<li><img src="../Source/images/cities/paris.jpg" alt="Paris" title="Paris" /></li>
<li><img src="../Source/images/cities/osaka.jpg" alt="Osaka" title="Osaka" /></li>
</ul>

変更後
<ul id="pictures">
<li><a href="http://example.com"><img src="../Source/images/cities/melbourne.jpg" alt="Melbourne" title="Melbourne" /></a></li>
<li><a href="http://example.com"><img src="../Source/images/cities/buenos_aires.jpg" alt="Buenos Aires" title="Buenos Aires" /></a></li>
<li><a href="http://example.com"><img src="../Source/images/cities/urubamba.jpg" alt="Urubamba" title="Urubamba" /></a></li>
<li><a href="http://example.com"><img src="../Source/images/cities/london.jpg" alt="London" title="London" /></a></li>
<li><a href="http://example.com"><img src="../Source/images/cities/venice.jpg" alt="Venice" title="Venice" /></a></li>
<li><a href="http://example.com"><img src="../Source/images/cities/paris.jpg" alt="Paris" title="Paris" /></a></li>
<li><a href="http://example.com"><img src="../Source/images/cities/osaka.jpg" alt="Osaka" title="Osaka" /></a></li>
</ul>

お礼

ありがとうございます！助かりました！！！