3
這用於正常工作,但我最近上傳了新的圖像,現在我注意到它們中的閃爍。Nivo滑塊圖像閃爍
這是集成到我的SharePoint站點。新圖像並不比其他圖像大。
這裏是我的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項目。 – biphobe
實際上你可以看看w w w DOT r e v a l DOT c o m – user1022913
jQuery Nivo Slider v2.6 jquery-1.5.1.js – user1022913