WordPress.org

Ready to get started?Download WordPress

Plugin Directory

!This plugin hasn't been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP Fluid Images

WP Fluid Images replaces the fixed width and height attributes so your images resize in a fluid or responsive design.

What is Fluid Images?

Fluid Images is the concept of having images that size proportionally and smoothly as your web page's width increases or decreases. Ethan Marcotte wrote an article on the idea at A List Apart: http://www.alistapart.com/articles/fluid-images/ You can also learn more at his site: http://unstoppablerobotninja.com/entry/fluid-images/

What is Responsive Web Design?

Responsive Web Design is the idea of having your site's design adjust based on the width of the browser window. This allows you to create a single, adjustable design that works regardless of the size of the device, rather than building a design for desktop browsing, another for tablets, another for mobile phones, etc.

How can I override the image widths in my theme?

You can override the style rules by adding a more specific style in your theme's style sheet (style.css). The style added to wp_footer contains this declaration:

img { max-width:100%; height:auto; }

In your style sheet, add a declaration that has a parent element's tag, class, ID, or some combination, along with the img tag and your desired width and height. Examples:

body img { max-width: 90%; }
#content img { max-width: 99%; }

The greater specificity will override the plugin's default

img` max-width value.

Requires: 3.0 or higher
Compatible up to: WordPress 3.4-beta4-20717
Last Updated: 2012-5-4
Downloads: 17,313

Ratings

4 stars
4.9 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 0,2,0 100,1,1
100,1,1 0,1,0
100,1,1
100,1,1
100,1,1
67,3,2
100,1,1
0,1,0