A simple, yet elegant fullscreen image gallery created with the jQuery library and CSS. The gallery features fullscreen images in various modes and custom scrollbars.

SIDEWAYS image gallery is made by implementation of some previous scripts and tutorials posted on this blog and some (minor) CSS3. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing by George McGinley Smith and Brandon Aaron’s jquery mousewheel plugin.

I’ve included the complete gallery code on page 2 of this post.

Changelog Nov 20, 2010 Minor code optimization

Loading new image with different dimensions updates correctly

Clicking on final image loads the first one (looping)

Added original view mode option (no image scale)

Change default view mode quickly by setting $defaultViewMode variable in the script

Fixed conflict when placing links inside thumbnail panel

Oct 19, 2010 Added second script that utilizes native browser scrollbars and click to open panel mode (better suited for touch devices)

Sep 26, 2010 Script and code have been optimized significantly



License

This work is released under the MIT License.

You are free to use, study, improve and modify it wherever and however you like.

http://opensource.org/licenses/MIT

Donating helps greatly in developing and updating free software and running this blog 🙂