Fluid Images Textformatter

Removes the height attribute and adds a class to img tags. Set max-width:100% for the class in your CSS and you have fluid images.

A textformatting module for ProcessWire that strips the height attribute from any <img> tag and adds a configurable CSS class. By default, the class image-width-control will be used.

To complete making the image tags fluid, add the following to your stylesheet

.image-width-control {
  max-width:100%;
}

Credits


This is based upon the RemoveHeights textformatter by Diogo Oliveira.

More modules by Netcarver

  • ProcessDiagnostics

    A simple diagnostic gathering suite of modules for ProcessWire CMS/CMF.
  • Textile

    A text formatting module for parsing the Textile lightweight markup language. This uses the netcarver/textile package from Github.
  • Release Notes Discovery Module

    Makes discovery of a module's changes, prior to upgrade, a trivial task. Makes support documentation accessible from the admin interface.
  • PW-FieldtypeTime

    Adds a fieldtype and Inputfield for MySQL TIME fields.
  • Admin Restrict Page Tree

    Stops users with certain roles from accessing the page tree.
  • Street Address

    Fieldtype to store a street address and allows access to its subfields.
  • Field Change Notifier

    Emails users with a given role when a watched field changes value.
  • Fluid Images Textformatter

    Removes the height attribute and adds a class to img tags. Set max-width:100% for the class in your CSS and you have fluid images.
  • Session Login Alarm

    Notify users of successful login or failed login attempts on their accounts.

All modules by Netcarver

Install and use modules at your own risk. Always have a site and database backup before installing new modules.