0

私は 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;
}
4

2 に答える 2