在幻燈片中移動光滑的導航箭頭

如何移動導航箭頭？希望他們在滑塊圖像上。我嘗試了所有可以在網上找到的東西，沒有結果。使用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

在幻燈片中移動光滑的導航箭頭

回答

相關問題