Fullscreen Image Viewer Javascript Library – Intense Images

Category: Javascript , Zoom | June 14, 2018
Views Total:1,750 views
Official Page:Go to website
Last Update:June 14, 2018


Fullscreen Image Viewer Javascript Library – Intense Images


Intense Images is a Javascript image viewer that allows you to display the large version of an image in a fully full screen with mouse interaction.

How to use it:

Include the necessary intense.js in the document.

<script src="intense.js"></script>

Insert an image into your document using IMG tag or DIV element with ‘data-image’ attribute.

<img class="demo" src="img/1.jpg">
<!-- OR -->
<div class="demo" data-image="img/1.jpg">

Add the title and caption about the image using ‘data-title’ and ‘data-caption’ attributes in the IMG or DIV tag.

<div class="demo"
     data-title="Image Title" 
     data-caption="Image Catpion">

Active the image viewer with a little Javascript.

window.onload = function() {
var elements = document.querySelectorAll( '.demo' );
Intense( elements );


v1.0.7 (06/14/2018)

  • reverse interaction direction with touch

You Might Be Interested In:

Leave a Reply