Intense Images – View Images Full Screen With Simple Mouse Interaction

Advertisement

Intense.js is a stand alone javascript library for viewing images full screen with simple mouse interaction.It uses the touch/mouse position for panning.

Intense images is a stand alone library (no jquery, or the likes) so usage is pretty straight forward. All styling of image elements is up to the user, Intense.js only handles the creation, styling and management of the image viewer and captions.

Intense.js is fairly robust when it comes to assigning elements to be used, its as simple as passing them to the Intense function, once they have been rendered.

Intense Images

CSS
There aren’t any css restrictions. Although you’ll want to avoid tainting the js files css with anything else (editing the base h1 tag, for instance), unless of course, thats what you want to customize.

If you wish to use the + cursor, you can fine the image in the demo folder, here’s the css snippet.

.your-image-class {
    cursor: url('./you-image-directory/plus_cursor.png') 25 25, auto;
}

Demo & Source