jQuery-flexImages

by Pixabay

A lightweight jQuery plugin for creating fluid galleries as seen on Flickr and Google Images.

214 Stars 52 Forks Last release: Not found 56 Commits 2 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

jQuery-flexImages

A lightweight jQuery plugin for creating fluid galleries as seen on Flickr and Google Images.

Compatible with jQuery 1.7.0+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+. No dependencies except the jQuery library. Released under the MIT License: http://www.opensource.org/licenses/mit-license.php

This plugin was developed by and for Pixabay.com - an international repository for sharing free public domain images. We have implemented this plugin in production and we share this piece of software - in the spirit of Pixabay - freely with others.

Demo and Documentation

https://goodies.pixabay.com/jquery/flex-images/demo.html

Features

  • Lightweight: 1.4 kB of JavaScript - less than 0.7 kB gzipped
  • Source images/objects can have any size
  • Works with more than just images, e.g. videos, iframes and plain text
  • Responsive
  • Equal margins between images controlled via CSS
  • No cropping or reordering
  • AJAX ready, e.g. for infinite scrolling
  • Support for lazy loading of images and iframe contents
  • Layout options to control e.g. the maximum number of rows - or whether or not to display an incomplete (last) row.

Changelog

Version 1.0.4 - 2015/12/05

  • Fixed #9 and #15: Incorrect width in Chrome.

Version 1.0.3 - 2015/10/30

  • Fixed error in calculation that caused the last image in each row to be cut off

Version 1.0.2 - 2015/04/01

  • Improved rendering performance by using Vanilla JS.

Version 1.0.1 - 2014/09/14

  • Cleaned up JavaScript code.

Version 1.0.0 - 2014/09/14

  • Initial release

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.