Skip to content

Instantly share code, notes, and snippets.

@ammist
Created March 13, 2024 02:07
Show Gist options
  • Save ammist/3cf94801563aca447553be96b285d67c to your computer and use it in GitHub Desktop.
Save ammist/3cf94801563aca447553be96b285d67c to your computer and use it in GitHub Desktop.
Basic HTML code for a slider page example
<html>
<head>
<link rel="stylesheet" type="text/css" href="./style.css">
<style>
button {
border: none;
background: green;
color: white;
font-weight: bold;
border-radius: 5px;
padding: 3px 10px;
}
</style>
<script>
/* you can put javascript directly in your HTML File.
* This is not the most efficient way to do this on a larger project
* but for something simple like this it's totally okay.
*/
// Add the image data
// you can use local files or images stored on the web if you want.
// write functions that present it as a slideshow
</script>
</head>
<h1>My Photo Slideshow</h1>
<img id="main" height="300" />
<br />
<p id="caption">Caption</p>
<br />
<button id="prev">&laquo;</button>
<button id="next">&raquo;</button>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment