Skip to content
A lightweight jQuery plugin for creating fluid galleries as seen on Flickr and Google Images.
HTML JavaScript CSS
Branch: master
Clone or download
SimonSteinberger
Latest commit 7c39a57 Dec 5, 2015
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images Included internal images. External sources were unreliable. Nov 28, 2014
blank.gif
bower.json * Fixed #9 and #15: Incorrect width in Chrome. Dec 5, 2015
demo.html No commit message Nov 5, 2015
flex-images.jquery.json * Fixed #9 and #15: Incorrect width in Chrome. Dec 5, 2015
jquery.flex-images.css Fixed #3 - display bug in Safari. Feb 5, 2015
jquery.flex-images.js * Fixed #9 and #15: Incorrect width in Chrome. Dec 5, 2015
jquery.flex-images.min.js * Fixed #9 and #15: Incorrect width in Chrome. Dec 5, 2015
readme.md

readme.md

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
You can’t perform that action at this time.