Question

我是新手，我正试图在网站上创建旋转木马画廊。

我一直试图让owlcarousel工作一段时间。我已经阅读过很多帖子以及如何阅读，但我只是不明白我做错了什么。

网站为http://www.vicandross.com/victoriaaustin

，代码是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Victoria Austin</title>

<head>

<link rel="stylesheet" type="text/css" href="_ui/css/screen.css"></link>

<link rel="icon" type="image/png" href="http://vicandross.com/_ui/images/vricon.png"></link>


<link rel="stylesheet" href="/owl-carousel/owl.carousel.css"></link>

<link rel="stylesheet" href="/owl-carousel/owl.theme.css"></link>

</head>

<body>

<div class="logo_row" style="background:#ffdacf;padding:0">
<div style="width:996px;text-align:center;margin:0 auto;background:#ffdacf;padding:20px 0">
<a href="/">
<img alt="victoria austin" src="http://www.vicandross.com/victoriaaustin/_ui/image/logo.png">    
</img>
</a>
</div>
</div>


<div id="owl-example" class="owl-carousel">
<div> <img src="http://www.vicandross.com/victoriaaustin/_ui/images/logo.png"></img></div>
<div> <img src="http://www.vicandross.com/victoriaaustin/_ui/images/cookies3.jpg"></img></div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1 /jquery.min.js"></script>
<script type="text/javascript" src="/owl-carousel/owl.carousel.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#owl-example").owlCarousel();
items: 1,
  loop: true,
  margin: 10,
  lazyLoad: true,
  merge: true, 
  video: true,
  responsive:{  
    480:{
      items:2
},

678:{
  items:3
},

960:{
  items:5
}
}
   });
</script>



</body>
</html>

我非常感谢某人的建议。

谢谢

Answer 1

JS控制台正在告诉你什么;第41-43行附近有一个格式错误的对象：

$(document).ready(function() {
    $("#owl-example").owlCarousel();
    items: 1,
    loop: true,

您无法在源的中间随机开始使用对象文字语法。

您的意思是将对象传递给owlCarousel()方法，例如，

$("#owl-example").owlCarousel({
    items: 1,
    loop: true,
    ... etc ...
});

与此问题无关：在提出问题时，您需要提供可操作的信息，例如，发生了什么，应该发生什么，来自JS控制台的信息（在这种情况下，它是HTML / JS交互），依此类推

Answer 2

您正在寻找owl-carousel文件夹中的插件js和css文件。您的文件夹实际上名为owlcarousel。没有连字符。

安装jquery插件

2 个答案: