Go to the Tek Eye Home page.
Use the arrows or dots to scroll the thumbnails:
Download the above basic scrolling carousel demo:scroller_demo.zip. Extract the files to a new empty folder and open (run) the index.html file. See more examples on the lightSlider Examples Page.
As for the basic scroller above use the arrows or dots to scroll the thumbnails, click the required thumbnail image to see a biggger version of the picture. A div and some styling has been used to limit the size of the gallery. See how the code for this gallery is put together in the HTML Scrolling Carousel Image Gallery article:
Download the above basic scrolling image gallery carousel demo:gallery_demo.zip. Extract the files to a new empty folder and open (run) the index.html file.
The lightSlider library has a built in gallery feature, see the lightSlider demo in the lightSlider download or the lightSlider Examples Page.
Here is another scrolling carousel, using the jQuery Thumbnail Scroller by Malihu. See the article Thumbnail Scroller by Malihu.
As for the lightSlider carousel the Malihu Scroller can be used for an image gallery:
This example uses the Malihu built in buttons for scrolling using mouse clicks:
A demo for the above Malihu examples is available to download:malihu-demo.zip. Extract the zip file into a empty directory and open (run) the index.html file.
To use some or all of the images from the demos download the gallery_demo.zip file which contains all the images. Alternatively see the table below. Click the link for the full size version of the image (use the browser's back button to return here). Save the full size versions and thumbnail versions into your own folder (use the context menu on an image, normally right-click, and select the option to save the image). All images are free to use and came from WikiMedia Commons.
|Link to Image||Thumbnail|