Image gallery JavaScript ~9KB
<!--Copy/Paste(ctrl+a/ctrl+c/ctrl+v)-->
<script defer src="js/gall7.min.js"></script>
<!-- optional configuration(defaults) -->
<script>
window.IGConfig = {
delaySeconds: 2,
showButtons: 1,
showButtonsOnPlay: 1,
imageContainer: 'gall7',
folder: 'x/', // string + "/" === folder
extension: '' // for bigger resolution
}
</script>
Image gallery with autoplay and download buttons, without external libraries just plain JavaScript (vanilla). Simple solution for portfolio or photo gallery.
- imageContainer: Image Gallery - Selects all images with given classes. If not set, it selects all images by default.
- showButtons: Show Bottom Buttons - Controls the visibility of bottom buttons (e.g., autoplay and download).
- folder: Folder Location for Higher Resolution Images or Image Prefix - Specifies the location for higher resolution images or sets an image prefix.
- delaySeconds: Autoplay Delay - Sets the duration for displaying each image in autoplay mode.
- showButtonsOnPlay: Show Buttons During Autoplay - Determines whether to display buttons during autoplay.
- extension: Extension for Higher Resolution Images - Specifies the file extension for higher resolution images.