2016-11-28 10 views
0

nivosliderのテーマでは、数字はbullet.pngに従って弾丸に変更されるはずですか?私の場合、数字は数字を保持するので、これは奇妙です。 私はデフォルトのテーマと暗いテーマを使用していますが、どちらも番号を箇条書きに変更しません。私は...ブラウザのコンソールをチェックするときnivosliderの番号を箇条書きに変更し、テーマを使用しても動作しません。

はエラーが無い(私はMozilla Firefoxの上でテストされ、Chromeブラウザを使用していますあまりにも、まだ番号が表示され、ない弾丸)

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> 

答えて

2

はあなたのコードを使用して、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> 
+0

の親クラスではありません、それはラップを破りました – Citra45Abadi

関連する問題