jQuery Plugin で間単にスライドショーを実装する「Nivo Slider」ってのを使ってみて、確かに実装が簡単で画像切り替えのエフェクトも良い感じだったのですが、各画像にAタグでリンクを設定してもリンクが効かなくて困りました。
しかしながらそんな事はなく、Aタグのクラス属性に「nivo-imageLink」を設定すれば良いのでした。
<div id=”slide_images”>
<div id=”slider” class=”nivoSlider”>
<a href=”sample1.html” class=”nivo-imageLink”><img src=”1.jpg” alt=”” border=”0″ /></a>
<a href=”sample2.html” class=”nivo-imageLink”><img src=”2.jpg” alt=”” border=”0″ /></a>
<a href=”sample3.html” class=”nivo-imageLink”><img src=”3.jpg” alt=”” border=”0″ /></a>
<a href=”sample4.html” class=”nivo-imageLink”><img src=”4.jpg” alt=”” border=”0″ /></a>
<a href=”sample5.html” class=”nivo-imageLink”><img src=”5.jpg” alt=”” border=”0″ /></a>
</div>
</div>
つまりは「リファレンスよく読めよ」と言う話でございました；；
コメント