Submit your widget

pgwslideshow - Responsive slideshow / gallery / carousel for jQuery / Zepto

Created 4 years ago   Views 39688   downloads 23909    Author n/a
pgwslideshow - Responsive slideshow / gallery / carousel for jQuery / Zepto
View DemoDownload
195
Share |

PgwSlideshow

The full documentation and an example are available on PgwJS.com/PgwSlideshow.

jQuery 1.0 or Zepto.js 1.0 (minimal version)

Tutorial

html:
<ul class="pgwSlideshow">
    <li><img src="san-francisco.jpg" alt="San Francisco, USA" data-description="Golden Gate Bridge"></li>
    <li><img src="rio.jpg" alt="Rio de Janeiro, Brazil"></li>
    <li><img src="london_mini.jpg" alt="" data-large-src="london.jpg"></li>
    <li><img src="new-york.jpg" alt=""></li>
    <li><img src="new-delhi.jpg" alt=""></li>
    <li><img src="paris.jpg" alt=""></li>
    <li><img src="sydney.jpg" alt=""></li>
    <li><img src="tokyo.jpg" alt=""></li>
    <li><img src="honk-kong.jpg" alt=""></li>
    <li><img src="dakar.jpg" alt=""></li>
    <li><img src="toronto.jpg" alt=""></li>
    <li>
        <a href="http://en.wikipedia.org/wiki/Monaco" target="_blank">
            <img src="monaco.jpg" alt="Monaco">
        </a>
    </li>
</ul>
JavaScript:
$(document).ready(function() {
    $('.pgwSlideshow').pgwSlideshow();
});