#responsive slideshow

[ecommerce-themes-tools]

Responsive Slideshow | Magento Slideshow | Magento Homepage Slideshow | Magento Slideshow Extension

Responsive Slideshow extension allows you to easy making the beautiful slideshow in your website

Magento 2 Responsive Slideshow extension is a powerful solution to grab your customers attention with amazing banner slider effects. It creates stunning impression with beautiful series of images to your store. This Magento 2 slider extension is a great way to promote your products in your store. The various slider effects from Responsive Slideshow extension are fully responsive and beyond any jQuery conflict. This extension brings you various transition effects, an image preloader, video embedding, autoplay during user interaction. Moreover, we have created a friendly backend that lets you manage your slider effectively. It is very helpful so your Magento store should have this function as core feature. It’s also FREE.

[designacharya]

Responsive Slideshow Gallery for Prestashop (Prestashop)

Responsive Slideshow Gallery for Prestashop (Prestashop)

Purchase $15.00

Description

Photo Gallery is an advanced plugin with a list of tools and options for adding and editing images for different views. It is fully responsive. Customer Photo Galerry is a PrestaShop module which allows you to create a photos gallery in your shop. This Prestashop Galerry is a premium gallery module which is fast gaining a following for it is good looks and really…

View On WordPress

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/tonjoo-responsive-slideshow/

Tonjoo Responsive Slideshow

Download Demo

Tonjoo is a Beautiful jQuery slideshow that helps you to create a modern responsive image carousel/slideshow with lots of customization options.

Features:

Responsive across different device sizes.

Endless horizontal or vertical slide animations.

Autoplay and pause on hover.

Bullets and arrows navigation.

Image loader with jQuery imageloaded plugin.

Touch swipe and mouse drag supported.

4 built-in skins.

Circular autoplay timer.

Cross browser. Supports all the modern browsers and IE7+.

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="assets/css/frs.css" type="text/css" media="all"> <link rel="stylesheet" href="skins/frs-skin-default.css" type="text/css" media="all"> <script type="text/javascript" src="assets/js/jquery.js"></script> <script type="text/javascript" src="assets/js/jquery-migrate.min.js"></script> <script type="text/javascript" src="assets/js/jquery.touchSwipe.min.js"></script> <script type="text/javascript" src="assets/js/imagesloaded.min.js"></script> <script type="text/javascript" src="assets/js/frs.js"></script>

2. HTML

<div class='frs-slideshow-container' id='frs-example'> <div class='frs-slide-img-wrapper' style='display:none;'> <div class='frs-slide-img'><img src='slide-1.jpg' /></div> <div class='frs-slide-img'><img src='slide-2.jpg' /></div> <div class='frs-slide-img'><img src='slide-3.jpg' /></div> <div class='frs-slide-img'><img src='slide-4.jpg' /></div> <div class='frs-slide-img'><img src='slide-5.jpg' /></div> </div> </div>

3. JAVASCRIPT

jQuery(document).ready(function($) $('#frs-example').frs(); );

4. OPTIONS

'animation': 'horizontal-slide', // horizontal-slide, vertical-slide, fade 'animationSpeed': 600, // how fast animtions are 'timer': false, // true or false to have the timer 'advanceSpeed': 4000, // if timer is enabled, time between transitions 'pauseOnHover': true, // if you hover pauses the slider 'startClockOnMouseOut': false, // if clock should start on MouseOut 'startClockOnMouseOutAfter': 1000, // how long after MouseOut should the timer start again 'directionalNav': true, // manual advancing directional navs 'bullets': false, // true or false to activate the bullet navigation 'bulletThumbs': false, // thumbnails for the bullets 'bulletThumbLocation': '', // location from this file where thumbs will be 'afterSlideChange': function () , // empty function 'skinClass': 'default', 'width': 650, 'height': 350, 'sbullets': false, 'sbulletsItemWidth': 200, 'continousSliding': false, 'jsOnly': false, 'slideParameter': []

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/imgwheel-repository-for-the-imgwheel/

ImgWheel - Repository for the ImgWheel

Download   Demo

ImgWheel is an animated, endless, responsive slideshow that has the capability to display content related to your slideshow images as they appear. It has several options for how images are scrolled through, direction, speed, vertical alignment of images, and placement of the related content.

1. INCLUDE JS FILES

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> <script src="jquery.ImgWheel.min.js"></script>

2. HTML

<div id="my-slideshow"> <div class="image-container"> <img src="Image_1.jpg" /> <img src="Image_2.jpg" /> <img src="Image_3.jpg" /> <img src="Image_4.jpg" /> <img src="Image_5.jpg" /> <!--Include as many images as you'd like!--> </div> <div class="article-container"> <article><!--Content displayed when Image_1.jpg is central--></article> <article><!--Content displayed when Image_2.jpg is central--></article> <article><!--Content displayed when Image_3.jpg is central--></article> <article><!--Content displayed when Image_4.jpg is central--></article> <article><!--Content displayed when Image_5.jpg is central--></article> <!--Include as many articles as there are images in the .image-container--> </div> </div>

3. JAVASCRIPT

$('#my-slideshow').ImgWheel();