2

ページに nivo スライダーがありますが、スライドをクリックしてページに移動する方法と、キャプションが表示される下部領域を削除する方法がわかりません。HTMLは次のとおりです。

<div id="content">
<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/moorecenter.jpg" data-thumb="images/moorecenter.jpg"/></a>
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/AIR.jpg" data-thumb="images/AIR.jpg" alt="AIR Seacoast" data-transition="slideInLeft"/></a>
<a href="/Programs+Publications/Publications.html"><img src="nivo-slider/demo/images/circle.jpg" data-thumb="images/circle-program.jpg" alt="Circle Program Plymouth" data-transition="slideInLeft"/></a>
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/wholevillage.jpg" data-thumb="images/wholevillage.jpg" alt="Whole Village Plymouth"/></a>
</div></div>

キャプションの CSS は次のとおりです。

.nivo-caption {
display: none !important;
}

.nivo-html-caption {
display:none;
}
4

3 に答える 3

0

これが役に立てば幸いです。これがWordpressのセットアップ方法です。したがって、ストレートHTMLを使用している場合は、リンクを挿入し、その中に画像を配置して、リンクを閉じます.

<div class="nivoSlider">
    <?php if(get_field('banner_images')): ?>
        <?php while(the_repeater_field('banner_images')): ?>
            <a href="<?php echo the_sub_field('image_link', $row); ?>">
                <img src="<?php echo the_sub_field('image', $row); ?>" alt="Site Name" title="<?php echo the_sub_field('image_description'); ?>" />
            </a>
        <?php endwhile; ?>
    <?php endif; ?>
</div>
于 2013-04-18T13:58:04.587 に答える
0

キャプション(説明)領域が下部または中央にある場合は、次のスタイルを追加して削除します

.nivoSlider-desc { display: none;    }
于 2014-05-03T10:10:06.297 に答える