Animation Rotation via Scroll, Mouse & Touch Events | circlr

Circlr Animation rotation via scroll, mouse, and touch events is a lightweight JavaScript library that allows you to create a 360-degree panoramic view from a series of images.

circlr.js allows the visitor to rotate product images using hover, mouse, and touch events and it works on all touch devices without any other touch library support.

360 image viewer html code, 360 degree image viewer css, 360 image viewer with hotspots, html code for 360 sphere viewer, 360 product viewer, panorama viewer

Features:

  • Horizontal or vertical orientation
  • Touch events support
  • Scroll support
  • Reverse and cyclic rotation

How to make use of it:

Install

npm install --save circlr

Usage

import circlr from 'circlr';

const el = document.querySelector('.container');

circlr(el)
  .scroll(true)
  .play()
  .on('show', n => {

  });

360-Degree Image Viewer, circlr Plugin/Github


See Demo And Download

Official Website(andrepolischuk): Click Here

This superior jQuery/javascript plugin is developed by andrepolischuk. For extra advanced usage, please go to the official website.

Share