Javascript 在幻灯片内移动平滑的导航箭头_Javascript_Html_Css_Asp.net

Javascript 在幻灯片内移动平滑的导航箭头

javascript html css asp.net

Javascript 在幻灯片内移动平滑的导航箭头,javascript,html,css,asp.net,Javascript,Html,Css,Asp.net,如何移动导航箭头？希望它们出现在滑块图像上。我在网上找到的所有东西都试过了，没有结果。不过，使用ASP.NET并不重要。使用最新的光滑版本 HTML代码： <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Slick.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999

如何移动导航箭头？希望它们出现在滑块图像上。我在网上找到的所有东西都试过了，没有结果。不过，使用ASP.NET并不重要。使用最新的光滑版本

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>

编辑：发现问题是我的缓存没有刷新。。

现在幻灯片下方有一个箭头，如何将其移动到前面？

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

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

.slick-next {
    right: 25px;
}

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

您正在使用一些我们无法访问的JavaScript文件。请把你的问题变成一把小提琴，这样我们就可以研究它了。对不起，不知道小提琴是如何工作的。以下是您需要的所有文件：您不能在此处放置指向某些文件的下载链接。你需要上传我们可以立即运行的代码，或者上传到jsfiddle.net，在那里你可以很容易地包含插件，suchI希望这么简单，没有改变任何东西。我现在移动了它，但是你可以看到按钮上方的滑块。想知道如何解决这个问题吗？尝试更改按钮的CSS z-index属性。

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

.slick-next {
    right: 25px;
}

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