Search results
In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html> tag. If you want to add classes there that can affect the whole document, this is the place to do it.
- Full screen image viewer
A little js library for viewing images on the full...
- Full screen image viewer
A little js library for viewing images on the full screen....
360-image-viewer. A standalone panorama WebGL image viewer for desktop and mobile. This uses regl as the WebGL wrapper, and comes in at a total of 140kb uglified, or 46kb gzipped. This is useful if you need a panorama viewer but don't want to embed all of ThreeJS (which is around 500kb uglified).
var imgText = document.getElementById("imgtext"); // Use the same src in the expanded image as the image being clicked on from the grid. expandImg.src = imgs.src; // Use the value of the alt attribute of the clickable image as text inside the expanded image. imgText.innerHTML = imgs.alt;
A minimal image viewer that enables the user to zoom, pan, flip and rotate an image on an HTML5 canvas.
19 sty 2024 · This code creates an interactive image viewer using HTML5 Canvas. It allows you to load an image and perform actions like panning, rotating, mirroring, and flipping. This viewer is helpful for examining and manipulating images within a web page.
A lightweight image viewer written in vanilla JavaScript. Download Bower installation. To install via Bower, simply do the following: $ bower install views --save Usage. For default viewer: var viewer = new Views(anyElement); If you want to use viewer with custom options: