gpt4 book ai didi

javascript - 图片更改错误的 CrossSlide 插件

转载 作者:行者123 更新时间:2023-11-28 10:45:01 26 4
gpt4 key购买 nike

我正在尝试设置我的网站以随着时间的推移更改横幅图像。我找到了 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>
...

横幅 div 的 CSS:

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

我试图将标签放在那里,而不是将我的图像加载为 div 背景,但没有任何反应。我也尝试将宽度设置为 1920px,但也没有。在控制台中,我收到此错误:

此错误与它自身的插件文件有关(正好是第 6 行) 未捕获的语法错误:意外的标记 <

这是第二个错误:

 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

任何人都可以提出一些解决方案,或者另一个经过测试并且可以正确完成这项工作的插件吗?

谢谢

最佳答案

在包含 jQuery 之后添加这一行。

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

这应该对你有帮助。

关于javascript - 图片更改错误的 CrossSlide 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23021644/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com