Home » Editors » Jquery Image Gallery with CSS3 Transitions – Photobox

Jquery Image Gallery with CSS3 Transitions – Photobox

Sponsored

Photobox is a very light weight CSS3 photo and video gallery plugin with jquery. Which uses a lightweight image gallery and a  modal window script which uses only CSS3 for silky-smooth animations and transitions . Photobox utilizes GPU rending, which can be completely controlled and themed directly from the CSS.

photobox-jquery-gallery

Supports: FirefoxChrome and IE8+

Download : Photobox Features

  • Lightweight! Both script & CSS are no more than 10k each (minified, no gzip)
  • Silky-smooth, hardware accelerated, CSS3 transitions and animations (for better performance)
  • Support videos via iframe embedding
  • Stunning UI and user-friendly UX
  • Built so everything could be changed directly from the CSS
  • Observes DOM changes (if images were added/removed) and adapt accordingly
  • CSS3 pre-loader, tailored-made
  • Uses event-delegation on all thumbnails clicks (obviously…)
  • Uses HTML5 History to update location with the currently viewed image
  • The only image is a pre-loader animation for old IE. For the rest, no images at all!
  • Browsers support: IE8+ (graceful degradation), Modren browsers

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.

Photobox can use custom transition elements. Also renders a very nice photogallery with css3 transitions.

 

Sponsored

I am a Full stack Web Developer. I'm interested in Web Designing and passionate towards FOSS. I love Linux and like to promote it. A quick leaner, quick implementer, not away from errors, staying for software and knowledge freedom and doing programming in PHP, Mysql, Postgresql, Laravel, Angulajs and more..

Leave a Reply

Your email address will not be published. Required fields are marked *