Question

我正在尝试设置我的网站以随时间更改横幅图片。我找到了CrossSlide jQuery插件。它似乎很容易使用，但它也不起作用。

无论如何，这是我的代码：

HTML

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk">
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>TITLE</title>
<link rel="stylesheet" type="text/css" media="all" href="css/main.css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.cross-slide.js'></script>

<script type='text/javascript'>
$(document).ready(function() {

$('#ban').crossSlide({
    sleep: 2,
    fade: 1
    }, [
  { src: 'img/nehn1.png' },
  { src: 'img/nehn2.png'   },
  { src: 'img/nehn3.png'  },
  { src: 'img/nehn4.png' }
  ]);

});
</script>

</head>
<body>
...
<div id="banner"></div>
...

banner div的CSS：

#banner{
height:417px;
width:100%;
background:url('../img/banner.png')no-repeat;
background-position:top center; 
padding-bottom:20px;
}

我试图把标签放在那里，而不是把我的图像加载为divs背景，什么都没发生。我也尝试将宽度设置为1920px，也没有。在控制台中，我收到了这个错误：

此错误与其自身的插件文件有关（正好是第6行）未捕获的SyntaxError：意外的令牌＆lt;

这是第二个错误：

 Uncaught TypeError: Object [object Object] has no method 'crossSlide'   test542014.html:12
 (anonymous function) test542014.html:12
 c jquery.js:7341
 p.fireWith jquery.js:7403
 b.extend.ready jquery.js:6875
 H jquery.js:6601

任何人都可以建议一些解决方案，或者可能是另一个插件，经过测试并可以正常工作吗？

谢谢

Answer 1

在包含jQuery后添加此行。

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

这应该对你有帮助。

用于图像更改错误的CrossSlide插件

1 个答案: