Picturefill

Picturefill is actually a JS-based implementation of the proposed HTML <picture> element that's still under development at W3C.

What Picturefill does is to provide a way to show various versions of the same image depending on the available screen size.

Smaller screens will result in Picturefill changing the visibility of the image with a version appropriate for the current resolution.

A demo is included with the download package.

What is new in this release:

• Assorted bugfixes, improvements to compatibility in AMD environments, minor improvements to performance and spec compliance.

What is new in version 2.2.0:

• Assorted bugfixes, improvements to compatibility in AMD environments, minor improvements to performance and spec compliance.

What is new in version 2.1.0:

• Matches the source parsing algorithm outlined in the spec (find all img, check for parent picture elements, process any/all source elements until finding the img that invoked it all).
• Allows use of the extended srcset syntax without an explicit sizes attribute, per the spec.

What is new in version 2.0.0:

• General bug fixes.
• Changes to make parsing/general behavior line up more closely with the specification.

What is new in version 1.1.0:

• Changed picturefill to support span elements instead of div elements. This allows the picturefill module to act as inline content by default, much like a native img element.

What is new in version 0.1.0:

• First release.

Requirements:

• JavaScript enabled on client side