Javascript 如何将幻灯片合并到HTML中？
我想知道你是否可以指导我为我的HTML文档制作幻灯片。我知道我需要JavaScript，而且我已经知道如何制作幻灯片，但是如何使幻灯片能够在html文档中查看呢？以下是代码，我使用Adobe方括号作为编辑器： //////HTML代码////////Javascript 如何将幻灯片合并到HTML中？,javascript,html,css,slideshow,adobe-brackets,Javascript,Html,Css,Slideshow,Adobe Brackets,我想知道你是否可以指导我为我的HTML文档制作幻灯片。我知道我需要JavaScript，而且我已经知道如何制作幻灯片，但是如何使幻灯片能够在html文档中查看呢？以下是代码，我使用Adobe方括号作为编辑器： //////HTML代码//////// <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="main.css" type="text/css">
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css">
<title>Quentrum</title>
</head>
<body>
<div id="wrapper">
<header>
<nav>
<ul>
<li>
<a href="index.html">
Quentrum
</a>
</li>
<li>
<a href="Store.html">
Store
</a>
</li>
<li>
<a href="Support.html">
Support
</a>
</li>
</ul>
</nav>
</header>
<section>
<h>----------Slideshow Goes HERE-----------</h>
</section>
<footer>
<p>Quentrum 2015</p>
</footer>
</div>
</body>
</html>
非常感谢。]这可能不是您想要的方式，但是有一个内置的引导幻灯片放映选项
它被称为旋转木马，这里是教程的链接：你想要什么样的幻灯片？我目前正在使用jquery和php创建一个幻灯片 幻灯片预览可在以下网址找到：
目前它不是自动的，但我正在这样做，并且还有一个上传页面/upload.php和一个删除页面（目前正在编码（针对管理员用户）您可以通过jQuery来完成
$(function () {
$("#slideshow > div:gt(0)").hide();
setInterval(function () {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
});
示例：希望这非常简单，只需将此代码添加到您想要的位置，就没有指向下一个n prev的左右链接，如果想要相同大小的图像，只需更改图像大小阅读注释/注释以了解更多详细信息
.carousel-inner>.item>img，
.carousel-inner>.item>a>img{
宽度：70%；
保证金：自动；
}
footer p {
font-family: Geogria;
margin-left:30px;
font-size:16px; /* Font Size You Want */
}
关于您的背景色，请将其更改为浅灰色，完成这些步骤后应该可以正常工作您好，我想要一个简单循环的幻灯片，仅此而已。我将查看所有不同的答案，非常感谢。您的欢迎我相信您可以使用引导旋转木马来完成此操作，只需删除s为了使我的自动滑动没有侧边栏按钮，因为我希望将这些单独与我的设计集成，将尝试创建删除页面。您好，我遇到了一些问题，代码工作得很好，因为我可以看到我的图片，但问题是调整图像的大小。我遇到了很多困难，因为当我下次更改大小时对于图片，什么都没有发生，当我在系统表中更改宽度时，我仍然无法使其适合我的分区框，无论我键入100%还是多少像素，是否有某种方法可以做到这一点？顺便说一下，我对HTML不太熟悉，所以我只是添加了你说的代码，将其放在样式表中我的分区正下方的样式表中。这是o吗kay？提前谢谢！尝试将此添加到样式表
.carousel-inner>.item>img、.carousel-inner>.item>a>img{width:sizedesiredpx；height:sizedesiredpx；}footer p {
font-family: Geogria;
margin-left:30px;
font-size:16px; /* Font Size You Want */
}