Sharepoint Slider Webpart未显示

时间:2019-03-13 13:16:35

标签: javascript jquery html sharepoint slider

我是Sharepoint和HTML编码的新手,但是我试图将这个光滑的滑块(来自Ken woods)html上传到Sharepoint Webpart中。出于某种原因,它可以在我的本地计算机上运行,​​但不能在我要上传到的内部Web部件上运行。我进入了网站资产并下载/下载

这是我的代码:

<!doctype html>
<html lang ="en">
<head>
     <meta charset= "UTF-8">
     <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
     <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>"
</head>
<body>

     <header>

     </header>

     <div class="your-class">
       <div><img src="C:\Users\lliu\Desktop\ORRImages\1.jpg" alt=""></div>
       <div><img src="C:\Users\lilu\Desktop\ORR\2.jpg" alt=""></div>
       <div><img src="C:\Users\lliu\Desktop\ORRImages\3.jpg" alt=""></div>
       <div><img src="C:\Users\lliu\Desktop\ORR\4.jpg" alt=""></div>
       <div><img src="C:\Users\lliu\Desktop\ORRImages\5.jpg" alt=""></div>
       <div><img src="C:\Users\lliu\Desktop\ORR\6.jpg" alt=""></div>
       <div><img src="C:\Users\lliu\Desktop\ORRImages\8.jpg" alt=""></div>
       <div><img src="C:\Users\lliu\Desktop\ORR\9.png" alt=""></div>
       <div><img src="C:\Users\lliuDesktop\ORR\10.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\11.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\12.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\13.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\14.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\15.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\16.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\17.png" alt=""></div>
        <div><img src="C:\Users\ihanes\Desktop\ORR\19.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\18.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\20.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\21.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\22.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\23.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\24.png" alt=""></div>
        <div><img src="C:\Users\lliu\Desktop\ORR\25.png" alt=""></div>
     </div>


<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http//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">
$(document).ready(function(){
  $('.your-class').slick({
    accessibility:true,
    centerPadding:"50px",
    infinite:true,
    slidestoShow:3
  });
});

0 个答案:

没有答案