我在我的页面上有一个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;
}发布于 2017-06-29 14:43:41
使用以下代码将其删除:
div.nivo-
{显示:无!重要;}显示
发布于 2013-04-18 21:58:05
希望这能有所帮助,这就是我为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>发布于 2014-05-03 18:10:06
要删除位于底部或中间的标题(描述)区域,请添加以下样式
.nivoSlider-desc { display: none; }https://stackoverflow.com/questions/15008719
复制相似问题