01/06/2014 (Happy new year!)

NOTICE: This module has moved to MakeUp module as MakeUp Image. This project page is now deprecated

This module provides a formatter that allows an imagefield value to be displayed through CSS. Using Breakpoints will allow you to adapt your image size, used tag and other settings to each @mediaquery!

Notice:

  • This module will not add any new html tag in the template. It only defines a CSS declaration that put the image on the HTML selector you choose. This CSS declaration is added inline in the HTML header (except if using Scald: an empty tag is natively generated by Drupal).
  • Please note: Default settings displays your picture on the body tag, as a wallpaper.

Known issue:

  • Migrating from v1.0 to v1.1 will break your settings because introducing Breakpoints compatibility needed to change the array structure.
  • There a bug in Panels (#2139725: Cannot save CSS Settings on Panel) that have a turnaround by using a bundle instead of a field in the pane.

Features:

  • Display an image through CSS declaration
  • Add options to the formatter : CSS standards for background tag, Imagecache preset, Additional CSS field
  • Use token to define CSS path - e.g. use tid or nid to apply properly on list pages
  • A "Skin" view mode is defined: it will help you design a content look 'n feel from another content (node, bean, term, etc.) through an EntityRef field.

No dependency out of Drupal Core ;-)

Compatible modules include:

Examples

  1. Displaying a pattern background on the node main page
  2. Place a photo, in Views list, on the right side of a teaser
  3. Full page background and Panel compatibility
  4. Provide dedicated background for Groups and Users on Commons3
  5. Use a skin definition from one content in another one through an ER field and Skin view mode

See README.txt for more details about how to test these examples.

Inspired by Color Field module proposed by targoo.

Project information

Releases