Featured Products
- Home
- JavaScript Scripts
- Showcase Slider
Showcase Slider
By : altsniffer Published on Sunday, February 05, 2017,19:35:08 in JavaScript Scripts
Showcase Slider is a simple jQuery Slider, horizontally or vertically two components slide.
Features
How to use
Link required Files
<!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <!-- Javascript file --> <script src="src/js/sliderShowcase.js"></script> <!-- CSS file --> <link href="src/css/slidershowcase.css" rel="stylesheet" />
HTML Markup
<section id="demo-slider"> Â Â <div> Â Â Â Â <h2>Product1</h2> Â Â Â Â <p>Lorem ipsum dolor sit amet, coetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, takimata sanctus est Lorem ipsum dolor sit amet.</p> Â Â Â Â <a href="#">read more</a> Â Â Â Â <img src="YOUR_IMAGE" alt="" /> Â Â </div> Â Â <div> Â Â Â Â <h2>Product 2</h2> Â Â Â Â <p>Lorem ipsum dolor sit amet, coetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum Lorem ipsum dolor sit amet.</p> Â Â Â Â <a href="#">read more</a> Â Â Â Â <img src="YOUR_IMAGE" alt="" /> Â Â </div> </section>
Call the Plugin
$(document).ready(function(){ Â Â $('#demo-slider').SliderShowcase( Â Â { Â Â Â Â OPTIONS Â Â }); });You can find the options here or in the downloaded documentation file.