Ideal Image Slider Javascript Plugin

Ideal Image Slider Javascript Plugin

The aim behind the Ideal Image Slider is to create a slider which has just the right amount of features, with no bloat and be easy to extend so that more features can be added as “extensions”.

Features:

  • HTML5 & SEO friendly
  • CSS3 powered transitions
  • Touch-enabled navigation
  • Fully responsive
  • HiDPI (retina) support
  • ARIA support

Quick Start

<html>
<head>
<!-- Include slider and theme CSS files -->
<link rel="stylesheet" href="ideal-image-slider.css">
<link rel="stylesheet" href="themes/default/default.css">
</head>
<body>
<!-- Create your slider and add images -->
<div id="slider">
<img src="img/1.jpg" alt="">
<img data-src="img/2.jpg" src="" alt="">
<img data-src="img/3.jpg" src="" alt="">
</div>
<!-- Include slider JS file -->
<script src="ideal-image-slider.js"></script>
<!-- Create your slider -->
<script>
new IdealImageSlider.Slider('#slider');
</script>
</body>
</html>

Demo | Download

Leave a Reply

Your email address will not be published. Required fields are marked *