【发布时间】:2011-11-17 00:05:56
【问题描述】:
这曾经可以正常工作,但我最近上传了新图片,现在我注意到它们在闪烁。
这已集成到我的共享点站点中。新图像并不比其他图像大。
这是我的 CSS:
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:40%;
border:0;
padding:0;
margin:0;
z-index:1;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
/*z-index:5;*/
height:100%;
}
.nivo-box {
display:block;
position:absolute;
/*z-index:5;*/
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
/*z-index:8;*/
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
/*z-index:9;*/
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
/*z-index:9;*/
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
【问题讨论】:
-
你能给我们举个例子吗?如果无法显示来源,请创建一个新的 jsfiddle 项目。
-
其实可以看看 w w w DOT r e v a l DOT c o m
-
jQuery Nivo Slider v2.6 jquery-1.5.1.js
标签: jquery css sharepoint nivo-slider