Introduction

This is no-jQuery slideshow based on dfcreative's mod.
All images are loaded on demand and it supports separate images for fullscreen and standart mode for faster page loading.

How to use

Download source code on github and include it into your html file.
Before DOM:

<link rel="stylesheet" type="text/css" href="slideshowStyle.css">

After DOM:

<script src="mod.min.js" type="text/javascript"></script>
<script src="slideshow.js" type="text/javascript"></script>

Then just set class item-slideshow to element and define your image urls, their thumbnails (for non-fullscreen mode) and titles divided by |. If image doesn't have any title – just leave its space empty.
Slideshow will stretch to it's container size.

<div class="item-slideshow"
     smallImgArray="1.jpg,2.jpg,3.jpg" 
     bigImgArray="1_big.jpg,2_big.jpg,3_big.jpg" 
     imgTitles="Bob|Alice||" 
</div>

If you want to stylize slideshow- it's fully customizable by css.

Usecases

This slideshow is now sucsessfully being used on kudago.com for all items. For example.
It's quite comfortable to use this component in templat-based projects (like Django, Jinja an so on)