imagecover
Categories
Component ID
2577777
Component name
imagecover
Component type
module
Maintenance status
Development status
Component security advisory coverage
not-covered
Component created
Component changed
Component body
Synopsis
This module provides Imagecover functionality to Drupal. Imagecover is a jQuery plugin that allows an image to cover all of its container. The image will be automatically scaled and cropped with the focus on the centre of the image, and it will entirely fill the container.
Installation Instructions
- Download, install and enable this module
- Download, install and enable the libraries module and the jQuery Update module
- Download the imagecover library and install it in your "libraries" folder (usually in /sites/all/libraries)
- Add the "imagecover" class to any div that contains an image tag as a child
Requirements
- The libraries module: https://www.drupal.org/project/libraries
- jQuery Update: https://www.drupal.org/project/jquery_update
- The imagecover library: https://github.com/Metalchocobo/imagecover
Roadmap
In future releases, we plan to release an administrative backend that allows users to set a custom target class, and the option to use a "loading" spinner gif for larger images.
Known problems
Imagecover will select and use the FIRST img src found inside the target element. This is by design.
Credits
- Metalchocobo: https://github.com/Metalchocobo
- Bryden: https://www.drupal.org/user/1969084