在幻灯片中移动光滑的导航箭头

如何移动导航箭头？希望他们在滑块图像上。我尝试了所有可以在网上找到的东西，没有结果。使用ASP.NET并不认为它很重要。使用最新的SLICK版本。在幻灯片中移动光滑的导航箭头

HTML代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Slick.WebForm1" %> 
<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Slideshow</title> 
    <link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> 
</head> 
<body><div class="slider-for"> 
    <form id="form1" runat="server"> 
    <div class="slider"> 
    <img src="\img\koral.jpg" /> 
    <img src="\img\ships.jpg" /> 
     </div> 
    </form></div> 
    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script type="text/javascript" src="slick/slick.min.js"></script> 
    <script type="text/javascript" src="slick/Instellingen.js"></script> 


</body> 
</html>

我的JS设置：

$('.slider-for').slick({ 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    fade: true, 
    swipe: false, 
    accessibility: false, 
    arrows: false, 
}); 
$(document).ready(function() { 
    $('.slider').slick({ 
     slide: 'img', 
     dots: true, 
     infinite: true, 
     speed: 300, 
     arrows: true, 
     centerMode: true, 
     variableWidth: true, 
     autoplay: true, 
     autoplaySpeed: 2000, 
     appendArrows: $('img'), 
     appendDots: $('img') 


    }); 

});

编辑：找到了，问题是，我的缓存并不令人耳目一新.. 有一个箭头幻灯片现在下，我怎么能把它移到前面？

来源

2015-10-15 Yoshi

您正在使用我们无法访问的一些JavaScript文件。请把你的问题变成小提琴，所以我们可以研究它 –

不知道小提琴是如何工作的，对不起。以下是您需要的所有文件：https：//github.com/kenwheeler/slick/tree/master/slick – Yoshi

您不能只在这里下载链接到某些文件。您需要上传代码，我们可以立即运行或上传到jsfiddle.net，在那里你可以很容易地包括插件等 –

尝试使用CSS移动滑块内的导航按钮。例如：

.slick-prev { 
    left: 25px; 
    z-index: 1; 
} 

.slick-next { 
    right: 25px; 
} 

.slick-prev:before, .slick-next:before { 
    color: #000; 
}

来源

2015-10-15 14:05:07 kirschpirogge

我希望它是那么容易，没有改变任何东西 – Yoshi

我现在已经移动，但你看到按钮上的滑块。任何想法如何解决这个问题？ – Yoshi

尝试更改按钮的CSS z-index属性。 – kirschpirogge

在幻灯片中移动光滑的导航箭头

回答

相关问题