将nivoslider数字变成子弹，即使使用主题

，nivoslider主题也不工作，根据bullets.png，数字应该变成子弹吧？这很奇怪，因为在我的情况下，数字保持数字。我使用默认主题和黑暗主题，两者都不会将数字更改为子弹。将nivoslider数字变成子弹，即使使用主题

没有错误，当我检查浏览器控制台...（我使用的是Chrome浏览器，在Mozilla Firefox测试过，仍然显示的数字，而不是子弹）

这question-answer说，只是用主题将改变数字，还有小提琴只要有，第二小提琴使用默认的主题，但我不从这个answer看到子弹，箭头或数字

，它说，我只需要评论text-indent和CSS文件图像background 。但是这不会使控制子弹消失吗？

这里是链接到我的问题http://alpha.rajafotocopy.com/sumatra/portal.html（请使用Chrome移动视图，因为我仍然在建设移动第一）

任何方式来解决这个....？

代码段包括：

Dark.css nivoslider主题

.theme-dark .nivoSlider a { 
border:0; 
display:block; 
} 

.theme-dark .nivo-controlNav { 
text-align: left; 
padding: 0; 
position: relative; 
z-index: 10; 
} 

.theme-dark .nivo-controlNav a { 
display:inline-block; 
width:10px; 
height:10px; 
background:url(bullets.png) no-repeat 0 2px; 
text-indent:-9999px; 
border:0; 
margin: 0 2px; 
} 

.theme-dark .nivo-controlNav a.active { 
background-position:0 100%; 
}

nivoslider.css

/* Control nav styles (e.g. 1,2,3...) */ 
.nivo-controlNav { 
    text-align:center; 
    padding: 15px 0; 
} 
.nivo-controlNav a { 
    cursor:pointer; 
} 
.nivo-controlNav a.active { 
    font-weight:bold; 
}

Jquery.nivoslider.js

//Default settings 
$.fn.nivoSlider.defaults = { 
    effect: 'random', 
    slices: 15, 
    boxCols: 8, 
    boxRows: 4, 
    animSpeed: 500, 
    pauseTime: 3000, 
    startSlide: 0, 
    directionNav: true, 
    controlNav: true, 
    controlNavThumbs: false, 
    pauseOnHover: true, 
    manualAdvance: false, 
    prevText: 'Prev', 
    nextText: 'Next', 
    randomStart: false, 
    beforeChange: function(){}, 
    afterChange: function(){}, 
    slideshowEnd: function(){}, 
    lastSlide: function(){}, 
    afterLoad: function(){} 
};

我的HTML

<div id="slider" class="slider-wrapper theme-dark"> 

     <img src="resource/bca.png"/> 
     <img src="resource/home.png"/> 
     <img src="resource/bca.png"/> 

</div>

来源

2016-11-28 Citra45Abadi

在你的HTML主题黑暗类不是一个父类的NIVO-controlNav

<div class="slider-wrapper theme-dark"> 
    <div id="slider"> 
    <img src="resource/bca.png"/> 
    <img src="resource/home.png"/> 
    <img src="resource/bca.png"/> 
    </div> 

</div>

来源

2016-11-28 06:06:01 Arun

使用你的代码，它打破了包裹 – Citra45Abadi

将nivoslider数字变成子弹，即使使用主题

回答

相关问题