Menu
in

Photobox : Beautiful CSS3 jQuery Image Gallery

Photobox is a beautiful image that uses  transitions and animations. It A lightweight image gallery modal window script which uses only CSS3 for silky-smooth animations and transitions, utilizes GPU rending, which can be completely controlled and themed directly from the CSS.

Photobox : Beautiful CSS3 jQuery Image Gallery

Images can be zoomed in/out with the mousewheel and there is support for looping galleries. Bottom row of thumbnails, navigated by mouse movment, can be resized using the mousewheel.

Functionality

  • Images/videos can be zoomed in and out with mousewheel and navigated using mousemove to move around
  • Bottom row of thumbnails, navigated by mouse movment, can be resized using the mousewheel
  • Shows the image’s ‘alt’ or ‘title’ attribute text at the bottom
  • Indicate the index of the current viewed image in relation to the total, like so: (36/100)
  • Touch-friendly swipe left/right to change image. Swipe up/down to toggle the thumbnails stripe
  • Supports looping after first and last images
  • Auto-playing of images at a set interval (see “time” in Settings)
  • Supports keyboard keys for navigation and closing the gallery view
  • In case there was an error loading an image, a message is showen, which can be configured via CSS

Website: http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin
Demo : http://dropthebit.com/demos/photobox/
Download: https://github.com/yairEO/photobox
Requirements: jQuery
Compatibility: Firefox, Chrome and IE8+


Written by Julian Anderson

Smashfreakz delivers Useful and Informative article about Design, Web Resource, WordPress, Top List, Infographic, Inspiration, Photography and Many more. Our Goals is make Inspirations to all people.

Leave a Reply

Exit mobile version