Я хотел бы знать, можете ли вы помочь мне сделать слайд-шоу для моего HTML-документа. Я знаю, что мне понадобится JavaScript, и я уже знаю, как СДЕЛАТЬ слайд-шоу, но как мне сделать слайд-шоу доступным для просмотра в моем html-документе? Вот код, и я использую Adobe Brackets в качестве редактора:
//////HTML-КОД ////////
<!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>
//////// КОД CSS /////////
body{
background-color:lightgray;
}
#wrapper{
width:inherit;
}
header{
background-color: white;
clear:both;
height: 50px;
border:solid 1px black;
border-radius: 5px;
width: inherit;
padding-right:195px;
padding-left:195px;
}
header ul {
list-style: none;
}
header ul li{
display: inline;
padding: 115px;
}
header a {
color: #777;
text-decoration: none;
font-family: Georgia;
font-size: 17px;
}
header a hover:{
color:black;
}
section{
clear: both;
height: 550px;
width: 100%;
border: solid 1px darkblue;
border-radius: 5px;
background: blue;
font-family: Georgia;
}
footer{
width: 100%;
border: solid 1px gray;
border-radius: 5px;
background: lightgray;
clear: both;
}
footer p {
font-family: Geogria;
margin-left: 30px;
}
Заранее спасибо!!!
РЕДАКТИРОВАТЬ [Я не думаю, что мне действительно нужно вставлять какой-либо код Javascript, но, пожалуйста, СКАЖИТЕ мне, если вам это нужно, и я его получу. Ради этого, когда вы отвечаете, вы можете просто притвориться, что имя моего файла javascript — «пример». Большое спасибо.]