如何删除JavaScript中添加的“导航点”?

时间:2014-02-02 10:51:51

标签: javascript css image slider

我想在我的网站上使用此滑块

http://tympanus.net/Blueprints/FullWidthImageSlider/ - 演示 http://tympanus.net/codrops/2013/02/26/full-width-image-slider/ - 信息 http://tympanus.net/Blueprints/FullWidthImageSlider/FullWidthImageSlider.zip - 源文件

但我想删除导航点并仅保留箭头 full slider

怎么做? 我试图在index.html文件中找到它们,但显而易见它们以某种方式在JS中编码......

由于

---- EDITED ----

我认为这个代码放在jquery.cbpFWSlider.js中完成这项工作。当我删除几行时,它会删除点,但滑块停止工作

// add navigation arrows (the previous arrow is not shown initially):
                this.$navPrev = $( '<span class="cbp-fwprev">&lt;</span>' ).hide();
                this.$navNext = $( '<span class="cbp-fwnext">&gt;</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文件中删除此行,就可以了。但它安全吗?

1 个答案:

答案 0 :(得分:1)

添加以下CSS:

.cbp-fwdots { 
  display:none;
}

如果您以某种方式更改了滑块上的类,则需要使用Firebug,Chrome开发者工具或其他工具来查找它。我提到的课程放在你的演示中的点容器上。