K7 Images Gallery — A Simple JavaScript Image Gallery

demo

tools cubes antifailsylium earth keyboard sea grass

Include

<script src="src/k7.min.js?v=7" defer></script>

add class "images" (optional) to container or every image will be selected

Configuration

This image gallery should ideally maintain image proportions, but it can be adjusted differently by setting, for example: #k7 img { width: 100%; height: 100%; }. Background colors can be modified by adding, for instance: :root{ --color1: #ee7; --color2: #777; }

Compiled with Google Closure: google-closure-compiler -O ADVANCED k7.js --js_output_file k7.min.js

About

https://github.com/KostasSliazas/K7

This image gallery features a full-window mode and automatically hides buttons when the cursor moves out of the window. It includes a transparent, clickable background that disappears when clicked. The gallery supports autoplay and includes a download button for images, but these can be hidden if not needed. Built with vanilla JavaScript, it is lightweight, with a total size of approximately 7.7KB

The images are available at the following link: vectors + images

A collection of visually stunning wallpapers created through experiments with Blender 3D and/or Inkscape. Each design explores unique shapes, lighting, and textures, blending creativity and technology to produce mesmerizing visuals perfect for desktops and backgrounds.

toolsWALLPAPERS

A diverse collection of random photos captured in various locations, showcasing spontaneous moments, natural beauty, and everyday scenes. These images highlight the art of finding visual interest in unexpected places and celebrating the charm of ordinary life.

grassPHOTOS