diff --git a/demo/1_thumb.jpg b/demo/1_thumb.jpg new file mode 100644 index 0000000..27340ef Binary files /dev/null and b/demo/1_thumb.jpg differ diff --git a/demo/2_thumb.jpg b/demo/2_thumb.jpg new file mode 100644 index 0000000..75bc7bd Binary files /dev/null and b/demo/2_thumb.jpg differ diff --git a/demo/3_thumb.jpg b/demo/3_thumb.jpg new file mode 100644 index 0000000..b01ccf2 Binary files /dev/null and b/demo/3_thumb.jpg differ diff --git a/demo/demo.css b/demo/demo.css index 9212fac..cf0669a 100644 --- a/demo/demo.css +++ b/demo/demo.css @@ -206,6 +206,19 @@ h3 { right: 0; } +/* Thumbnail pager example */ +#slider4-pager { + max-width: 260px; +} + +#slider4-pager a { + padding: 0; +} + +#slider4-pager .rslides_here a { + background: transparent; +} + @media screen and (max-width: 600px) { h1 { font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif; diff --git a/demo/demo.html b/demo/demo.html index 3cd7330..6bf0984 100644 --- a/demo/demo.html +++ b/demo/demo.html @@ -40,6 +40,11 @@ } }); + // Slideshow 4 + $("#slider4").responsiveSlides({ + pager: '#slider4-pager' + }); + }); @@ -63,6 +68,19 @@ + + + + +