Flexslider箭头窃听，如何解决？

我有一些Flexslider的问题，导航箭头无法正确显示。我试过编辑“flexslider.css”但没有成功，解决这个问题的任何线索？（看看图片，我的浏览器[Chrome]显示的是这种字体而不是图片，在IE上它只是一个不可见块的链接）。 [PS：我使用的是引导。]Flexslider箭头窃听，如何解决？

（Ps²：我试图把一个图像中的箭头点，所以我可以使它看起来像这样：(http://cleancanvas.herokuapp.com/)

（[编辑]Ps³ ：只要是明确的......我的箭不显示出来，如何解决呢我试图把这个代码围绕线52以下地方说background: url(http://www.your_domain.com/flex/images/bg_direction_nav.png) no-repeat 0 0;那家伙张贴在评论的教程，但它不会工作。“fonts”“fl”和“fi”（看图片）仍然在那个地方:(

HTML

<section class="flexslider"> 
    <ul class="slides"> 
     <li> 
      <img src="http://placehold.it/1600x500"> 
     </li> 
     <li> 
      <img src="http://placehold.it/1600x500"> 
     </li> 
     <li> 
      <img src="http://placehold.it/1600x500"> 
     </li> 
    </ul> 
</section>

CSS

.flexslider { 
    margin-top:90px; 
    max-height:450px; 
    border:0; 
    border-radius:0px; 
    overflow:hidden; 
} 

.flex-control-nav { 
    top:400px; 
    opacity:0.5; 
    filter:alpha(opacity=0.5); 
}

$(window).load(function() { 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     easing: "linear", 
     useCSS: false, 
     pauseOnHover: true, 
     slideshowSpeed: 7500, 
     animationSpeed: 750, 
    }); 
});

图片：here

来源

2014-02-27 CodeForm

你的jsfiddle例子工作吗？因为我没有看到任何事情发生。我建议你去这里看看他们的教程是否无法理顺你。 [Flexslider如何 - ]（http://www.bluenotesentertainment.com/blog/add-flexslider-jquery-slider-to-your-iweb-site/）否则，你需要提供更多的信息和工作的jsfiddle 。 – CJdriver

这是因为你”再错过/fonts/文件夹...在flexslider.css顶部有下面的代码：

@font-face { 
    font-family: 'flexslider-icon'; 
    src:url('fonts/flexslider-icon.eot'); 
    src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), 
     url('fonts/flexslider-icon.woff') format('woff'), 
     url('fonts/flexslider-icon.ttf') format('truetype'), 
     url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

基本上你需要确保/字体/文件夹旁边的flexsider.css文件 - 或者至少编辑上面的CSS指向你的字体路径。

来源

2014-11-14 10:57:05 Nick

Flexslider箭头窃听，如何解决？

回答

相关问题