Welcome to kostassliazas.github.io/gallery, a showcase of images, projects, or experiments.
-
Clone the repository:
git clone https://github.com/KostasSliazas/gallery.git
-
Add
main.jsfile to thejsfolder. -
Add the following script to the
<head>section in your HTML file:<script defer src="js/main.js"></script>
-
Customize default background colors in your CSS (Optional):
If you want to change the default colors for the gallery, add or update these variables in your CSS file:
:root { --color1: #999; /* Gallery image background */ --color2: #777; /* Gallery background */ }
-
Check and Customize Defaults to Match Your Preferences (Optional):
// Default settings for the application
export const defaults = {
delaySeconds: 1033, // Delay time in milliseconds before the next action.
folder: 'l/', // Folder name or image prefix (prefix should not include '/').
imageContainer: 'images', // Class name for the image container. If empty, all images are selected.
showButtons: 1, // Display buttons by default. (true = 1 and false = 0)
showButtonsOnPlay: 1, // Display buttons when autoplay is active.
extension: '' // Additional extension for large resolution (empty = same image extension).
};- HTML: Structure of the gallery.
- CSS: Custom styles for layout and design.
- JavaScript: Interactive elements like image sliders or lightboxes.
This project is licensed under the MIT License - see the LICENSE file for details.