我正在学习使用许多插件的Web设计。 slippry.js是其中之一,但是在下面的代码中,我无法弄清楚我的代码出了什么问题。我什么也没得到。谢谢

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/slippry.min.js"></script>
<link rel="stylesheet" href="css/slippry.css"/>

<script>
JQuery(document).ready(function() {
   JQuery('#pictures-demo').slippry({
   slippryWrapper: '<<div class="sy-box pictures-slider"/>',
   adaptiveHeight: false,
   captions: false,
   pager: false,
   // controls
   controls: false,
   autoHover: false,

   // transitions
      transition: 'kenburns', // fade, horizontal, kenburns, false
      kenZoom: 140,
      speed: 2000 // time the transition takes (ms)
    }); });
</script>


HTML代码(index.html)

<div class="sy-box pictures-slider">
<div class="sy-slides-wrap">
    <div class="sy-slides-crop">
        <ul id="pictures-demo">
            <li title="And this is some very long caption for slide 3. Yes, really long.">
                <img src="images/MainBackground.png" alt="demo1_3">
            </li>
            <li title="And this is some very long caption for slide 4.">
                <img src="images/MainBackground2.png" alt="demo1_4">
            </li>
        </ul>
    </div>
</div>

最佳答案

您的错误是参数


  包装纸


hastwo


  起始尖括号


这里 :

<script>
JQuery(document).ready(function() {
   JQuery('#pictures-demo').slippry({
   slippryWrapper: '<div class="sy-box pictures-slider"/>',
   adaptiveHeight: false,
   captions: false,
   pager: false,
   // controls
   controls: false,
   autoHover: false,

   // transitions
      transition: 'kenburns', // fade, horizontal, kenburns, false
      kenZoom: 140,
      speed: 2000 // time the transition takes (ms)
    }); });
</script>

关于javascript - slippry.js插件无法正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39328149/

10-12 00:07