私は NivoSlider を使用していますが、画像をリンクにすることができませんでした。キャプションを使用してリンクを作成できます。でも、それだけじゃ足りない。アクセシビリティを向上させるために、画像もリンクにしたいです。
StackOverflow にも同様の質問が 1 つありますが、これは非常に古いバージョンの Nivo に関するものです。
スライダーにこの構文を使用しています。
<div class="slider-wrapper theme-default container">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<div class='slide'><a href='#'><img src='abc.png'></a>
</div>
<div class='slide'><a href='http://google.com'><img src='google.png' title=''></a>
</div>
</div>
</div>
すべてが完璧に機能します。スライドショー、トランジション、キャプションなどですが、画像全体でアンカー リンクを機能させることができません。:(
誰かがそれを機能させる方法を知っているなら、私に知らせてください。
編集:これは私が書いた唯一のCSSです:
.slider-wrapper {
margin: auto;
margin-top: 15px;
background: fade(white,80%);
padding-top: 15px;
margin-bottom: 40px;
}
.slide-title {
.font;
color: #ddd;
}