Blueberry image slider plugin

Next slider plugin in our collection. Blueberry is a simple, responsive jQuery based image slider.

It was developed as an experimental open-source image slider plugin, specifically to work with fluid (responsive web) layouts.

Usage

Include jQuery to your website and put JS code like in example:

$(window).load(function() {
  $('.blueberry').blueberry();
});

And sample HTML:

<div class="blueberry">
  <ul class="slides">
    <li><img src="img/slide1.jpg" /></li>
    <li><img src="img/slide2.jpg" /></li>
    <li><img src="img/slide3.jpg" /></li>
    <li><img src="img/slide4.jpg" /></li>
  </ul>
  <!-- Optional -->
  <ul class="pager">
    <li><a href="#"><span></span></a></li>
    <li><a href="#"><span></span></a></li>
    <li><a href="#"><span></span></a></li>
    <li><a href="#"><span></span></a></li>
  </ul>
</div>

All config options described here.

Blueberry image slider with auto-play
Blueberry image slider with auto-play

This slider plugin has been developed longer time ago, but still is good and useful on modern pages.

Download

You can download this nice slider plugin from developer’s page or from GitHub:

https://github.com/marktuk/Blueberry

Just try 🙂

Share:Share on Facebook0Share on Google+1Tweet about this on TwitterShare on LinkedIn0Pin on Pinterest1