如何在flexslider上使方向导航常数?

Cla*_*ire 6 javascript jquery plugins flexslider

当悬停在缩略图导航上时,我希望小悬停灰色箭头显示块而不是动画.你可以在这里看到演示.我一直在浏览插件的javascript,并且不能为我的生活解决它在哪里动画箭头.如果可以的话,我只会注释掉那段代码.其他人也可以吗?

dev*_*dev 10

这让我困惑了一会儿,但事实证明箭头动画实际上并不在插件javascript中.它在CSS中使用-webkit-transition: all .3s ease;.如果您查看默认的CSS文件并转到第52行,则需要删除上述内容.flex-direction-nav a.所以该行应如下所示.

.flex-direction-nav a {
   width: 30px; 
   height: 30px; 
   margin: -20px 0 0; 
   display: block; 
   background: url(images/bg_direction_nav.png) no-repeat 0 0; 
   position: absolute; 
   top: 50%;
   z-index: 10; 
   cursor: pointer; 
   text-indent: -9999px; 
   opacity: 0;
}
Run Code Online (Sandbox Code Playgroud)

  • 如果您不想更改主要的css文件,请将以下内容添加到您自己的css文件中..flexslider .flex-next {opacity:0.8; 右:5px;} .flexslider .flex-prev {不透明度:0.8; 左:5px;}` (3认同)