Tape-images plugin

How to use:


	<input type="checkbox" id="fullHgh"> Full height

	<img class="class-name" src="img1.jpg" alt="Image">

	<img class="class-name" src="img2.jpg" alt="Image">

	<img class="class-name" src="img3.jpg" alt="Image">


	<script src="tape-images.js"></script>

	<script>

	  addImagesNavKeys('.class-name');

	</script>

Recommended styles:


	html, body { scroll-behavior: smooth; }

	.class-name { display: inline-block; max-width: 100%; max-height: 98vh; }

	#fullHgh:checked ~ .class-name { max-height: none; }

Press A or Q for next or prev image.
Press W for change image-size.

Full height

Cat

Tape-images plugin

Press A or Q for next or prev image. Press W for change image-size.

Press A or Q for next or prev image.
Press W for change image-size.