Responsive photo gallery slider – Jslide
Seamless, responsive and nice photo gallery on desktop and mobile.
Jslide – Full screen, responsive photo gallery slider
Jslide is a fashion jQuery plugin, that displays galleries in a fullscreen slideshow, with arrows navigation and easing effects. The plugin allows the programmer to create an image slideshow / gallery from various types of data sources (JSON data, inline Html elements, Javascript array objects).

Usage
The plugin is really easy to use. Please take a look at samples below.
<ul id="slide_list" class="slide_list"> <li><div style="background-image:url(img/01.jpg)" data-source="json/json.php"></div></li> <li><div style="background-image:url(img/02.jpg)" data-source="json/json.php?f=img_1"></div></li> ... </ul>
JavaScript:
$('#slide_list > li > div').JslideAnchor({ jslide_obj: '#slide', jslide_config: { show_broad: true, show_nav: true, pagination: true, hook_slidemove_before_click: function(k, datas) { var html = '<h1>' + datas[k].caption + '</h1>'; html += '<p>' + datas[k].desc + '</p>'; this.$broad.html(html); } } });
Demo:
http://lab.a2.kiiiick.com/JS/jquery.jslide/demo-list.html
License: MIT
GitHub:
https://github.com/lihom/jquery.jslide
See also:
Javascript Image Slider – Non jQuery
Accelerometer-enabled and responsive jQuery slider plugin
Sly scrolling plugin – a lightweight, one directional slider
Something sweet? Try Choco Slider – flexible jQuery slideshow plugin
JCoverflip – jQuery image slider
jQuery responsive portfolio plugin – The Portfolio
Elastic Grid – a responsive and filterable jQuery portfolio gallery plugin
AnythingSlider – a powerful and responsive jQuery slider plugin
Enjoy!
Related Posts
-
JavaScript multiple date picker – jQuery multiPicker
No Comments | Feb 13, 2020 -
Good and simple jQuery charts plugin – Morris.js
No Comments | Jul 4, 2016 -
jQuery convert JSON to grid plugin – Columns
No Comments | Feb 29, 2016 -
jQuery and Bootstrap show hide password plugin
No Comments | Feb 17, 2016