WebAppers

/ best free open source web resources /

Shopify

Stunning Full Page Image Gallery with jQuery

Posted · Category: Gallery, License Free

Full Page Image Gallery with jQuery shows us how to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse.

When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

full-page-gallery

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/FullPageImageGallery/
License: License Free

3 Comments
  • http://www.thecodebakery.com Sam

    I was going to say “so what” but it’s something a bit different than I was expecting.

  • http://irongaze.com Rob Morris

    The concept is nice, but having to move your mouse all the way to the top of the page to see the top of the image, then all the way to the bottom to see the bottom, violates a lot of usability rules.

    Would be better to have the center of the window act as the zero point, and make positioning your mouse in a direction from that center scroll based on how far you were from the center. Add in a dead space at the center, and you have a nice full image viewer. YMMV, IMHO, all that.

  • ^Agreed

    When viewing a image the “View Thumbs” tab thingy is defective in chrome.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons