我想在我的网站上使用此滑块
http://tympanus.net/Blueprints/FullWidthImageSlider/ - 演示 http://tympanus.net/codrops/2013/02/26/full-width-image-slider/ - 信息 http://tympanus.net/Blueprints/FullWidthImageSlider/FullWidthImageSlider.zip - 源文件
但我想删除导航点并仅保留箭头
怎么做? 我试图在index.html文件中找到它们,但显而易见它们以某种方式在JS中编码......
由于
---- EDITED ----
我认为这个代码放在jquery.cbpFWSlider.js中完成这项工作。当我删除几行时,它会删除点,但滑块停止工作
// add navigation arrows (the previous arrow is not shown initially):
this.$navPrev = $( '<span class="cbp-fwprev"><</span>' ).hide();
this.$navNext = $( '<span class="cbp-fwnext">></span>' );
$( '<nav/>' ).append( this.$navPrev, this.$navNext ).appendTo( this.$el );
// add navigation dots
var dots = '';
for( var i = 0; i < this.itemsCount; ++i ) {
// current dot will have the class cbp-fwcurrent
var dot = i === this.current ? '<span class="cbp-fwcurrent"></span>' : '<span></span>';
dots += dot;
}
var navDots = $( '<div class="cbp-fwdots"/>' ).append( dots ).appendTo( this.$el );
this.$navDots = navDots.children( 'span' );
}
----更新----
dots += dot;
从js文件中删除此行,就可以了。但它安全吗?
答案 0 :(得分:1)
添加以下CSS:
.cbp-fwdots {
display:none;
}
如果您以某种方式更改了滑块上的类,则需要使用Firebug,Chrome开发者工具或其他工具来查找它。我提到的课程放在你的演示中的点容器上。