SimpleSlider.html


<head>
  
<script src="SimpleSlider.js"></script>
<link rel="stylesheet" type="text/css" href="SimpleSlider.css">
  
<style>
#someContainer {

 width:80%;
 margin-top:100px;
 margin:auto;
 text-align: center; 

}
</style>

</head>  


<body onload="setGame(0)"> 


<h1>Simple Slider</h1>

<div id="someContainer">

<div id="gameSlider"> 
<img id="gameImg" src=""/>
<button id="sliderLeftButton" onclick="changeSlider(-1)">PREV</button>
<button id="sliderRightButton" onclick="changeSlider(+1)">NEXT</button>
</div>  
 
</div>

</body>