Touch N Swipe Gallery jQuery Plugin
TouchNSwipe is a responsive, versatile and straightforward to setup jQuery gallery plugin for cellular and desktop that helps contact gestures reminiscent of pinch to zoom, drag and swipe.
Version 2.1.2 – June 21, 2020
Fixed
– Updating slide choices after index change
– Inserting slides
Version 2.1
Added
– Hover zoom choice for desktop
– Option to reposition or conceal tooltips when zooming or dragging
– Added background choice for slides
– Initial zoom choice
– Drag and swipe clean space of the slide
– More HTML and API examples
Changed
– Doubletap zoomout defaults to minimal zoom worth
– Default cursor to “pointer”
Fixed
– efficiency on markers
– zoom level on “sensible” scale mode
– zoom on newer iOS variations
Version 2.0
Added
– Support for DIV content material (not simply pictures)
– Use of native scrolling when content material shouldn’t be zoomed
– Markers
– Fullscreen
– Adaptive picture loading
– More examples utilizing API
Removed
– Support for IE8 and under and Android 2.2.x (for IE8 and under and Android 2.2.x assist use model 1.x)
– Modernizr(No longer required)
– Mousewheel jQuery plugin(No longer required)
Changed
– Improved API for occasions, content material manipulation
– Content choices
Version 1.1 – Jan 30, 2014
Fixed
– scrolling issues in Chrome
– mousescroll to maneuver web page when zooming is disabled.
– zooming in Android 2.3.x gadgets
Added
– management to galleries and hyperlinks utilizing API (for builders).
– occasion handlers API (for builders).
– API documentation (for builders).
– assist for Windows 8 PCs that makes use of mouse and contact
Changed
– TouchNSwipe.init can now be referred to as a number of occasions (for builders)
– default of preloaderUrl is now property/preloader.gif.
Removed
– TouchNSwipe.na. It is now not wanted. It is mixed with TouchNSwipe.
– “resetScrollDuration” choice. No longer wanted.
Version 1.0 – Oct 21, 2013
Initial launch
Features
1. Touch enabled
Like viewing a gallery in a cellular gadget, TouchNSwipe additionally use acquainted contact gestures reminiscent of pinch to zoom, drag to maneuver and swipe to go to the subsequent slide or picture.
2. Fully responsive
This plugin can adapt to any display screen measurement so you’ll have an optimum viewing expertise whether or not you might be utilizing desktop or cellular gadgets.
3. Cross-browser, IOS and Android appropriate
Using IOS, Android and PC with main browsers needs to be no downside with this plugin.
4. Flexible Controls
Add solely the controls you want and/or change the look to the way in which you prefer it. You can use controls reminiscent of earlier/subsequent slide, zoom in/out, caption, fullscreen toggle and even give fast entry to slides through the use of physics enabled scrolling thumbnails
5. Fully Customizable
Get the appear and feel you need, set choices with HTML code or use the Developer API when you want extra management.
6. Multiple cases in a single web page
Sometimes one shouldn’t be sufficient. This plugin permits you to have a number of galleries in a single web page with their very own choices and controls.
7. Zoom DIV Content (new)
Different parts like pictures, textual content, and so forth could be positioned inside a DIV and be zoomed.
8. Marker and Tooltip assist (new)
Provide extra data on components of your content material. Markers with tooltips are nice for maps, ground plans and even merchandise.
9. Fullscreen Toggle assist (new)
Small display screen gadgets want all of the house they will get. This offers an choice to the person to view the content material with out the muddle.
10. Adaptive Image Loading (new)
Prevent pointless load time, assets and lag by delivering the right picture measurement to any display screen measurement.
11. Mouseover zoom assist (new)
Mouseover content material to zoom on desktop whereas additionally permitting pinch to zoom on cellular gadgets. This choice maximizes one of the best enter doable in any gadget.
Required JS
jQuery
Hammer
TweenMax
Note: Images will not be included in your buy. Also, it's unimaginable to examine this plugin on each gadget so please examine the examples within the stay preview utilizing the gadget you want to assist. Thanks!