gpt4 book ai didi

javascript - jQuery 图片幻灯片不工作?

转载 作者:太空宇宙 更新时间:2023-11-03 18:35:38 24 4
gpt4 key购买 nike

我是 jQuery 的新手,正在尝试使用它来获得一些练习。我已使用 slidesjs.com 提供的源代码在我的本地网站上插入了一个 jQuery 图像 slider ,但它不起作用。

此外,我想让它更有条理,所以如果我要将所有 jQuery 分离到一个新文件中,我如何将我的 jQuery 页面与 html 链接起来?

http://jsfiddle.net/3WaWf/1/

以下是我的尝试:

<html>
<header>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>
<link rel="stylesheet" type="text/css" href="style2.css"></header>

<style>
/* Prevents slides from flashing */
#slides {
display:none;
}
</style>

<script>
$(function(){
$("#slides").slidesjs({
width: 940,
height: 528
});
});
</script>

<body>
<div class="nav-bar">
<h1 class="logo" style="vertical-align:middle">LogoHere</h1>

<ul class="nav-menu">
<li><a href="index.html" class="action">Action</a></li>
<li><a href="about.html" class="about">Who we are</a></li>
<li><a href="blog.html" class="blog">Blog</a></li>
<li><a href="services.html" class="services">Services</a></li>
<li><a href="contact.html" class="contact">Get in touch</a></li>
</ul>

<div id="slides">
<img src="hkslide1.jpg">
<img src="hkslide2.jpeg">
<img src="hkslide3.jpg">
</div>
</div>

最佳答案

js 和 css include 的正确部分还没有检查您的 include 的正确路径,如果找不到,您会在浏览器控制台中发现 404 错误。

代码:

<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>
<link rel="stylesheet" type="text/css" href="style2.css">
</head>

如果设置正确,演示代码可以正常工作。

演示:http://jsfiddle.net/IrvinDominin/tzPE2/

关于javascript - jQuery 图片幻灯片不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18773405/

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