nivoslider 숫자를 글 머리 기호로 바꾼다. 테마가

Question

이더라도 nivoslider 테마로 사용하면 숫자는 bullets.png에 따라 글 머리 기호로 변경됩니다. 음, 내 경우에는 숫자가 숫자를 유지하기 때문에 이상합니다. 기본 테마와 어두운 테마를 사용하고 있습니다. 둘 다 숫자를 글 머리 기호로 변경하지 않습니다. 나는 ... 브라우저 콘솔을 확인할 때

은 오류가없는 (나는 모질라 파이어 폭스에서 테스트, 크롬 브라우저를 사용하고도 여전히 번호가 표시되지 총알)

question-answer 그냥 테마를 사용하면 변경됩니다 말한다이 숫자가도 제공 바이올린 것, 두 번째 바이올린은 기본 테마를 사용하지만이 answer에서 글 머리 기호, 화살표 또는 숫자

표시되지 않는, 내가 그냥 text-indent 및 CSS 파일에서 이미지 background을 언급 할 필요가 있다고 . 그러나 controlnav 글 머리 기호가 대신 사라지는 것은 아닙니까? 여기

는

이 문제를 해결할 수있는 방법을 (난 아직도 모바일 첫번째를 짓고 있어요 때문에 크롬 모바일보기를 이용하시기 바랍니다) 내 문제 http://alpha.rajafotocopy.com/sumatra/portal.html에 대한 링크입니다 ....? 코드의

조각은 다음을 포함합니다 :

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 테마 어두운 클래스에서 내 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> 

Answer 1

이 코드를 사용하여-controlNav NIVO

<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>