Image section type for responsive (grid/column) layouts. Images scale dynamically to fit into a clipping container. The container itself supports custom sizing methods. It's width will always match the section's width. The height may be set to be proportional (% of width), fixed (px or em) or to adapt to the section height (using %) if a height/min-height is defined.
A definable focus point will always keep the most relevant part of the image visible even in very wide or narrow rendering situations.
Images may have a caption, a full screen button and can link to internal or external pages, files or other images.
New features in ver. 1.5:
• Caption editing with CKEditor.
• Custom overlay color with Color Picker, incl. opacity. (rgba).
• Dropdown select for caption display method.
• "Open Link in Colorbox" option
• New, additional "Responsive Background" section type with optimized presets for background usage.
• Improved image preview area.
Demo: http://typesetter-addons.grafikrausz.at/Responsive_Image
The plugin's 'focus point' feature is built on top of Jono Menz's great jQuery-focuspoint script. Visit https://github.com/jonom/jquery-focuspoint
Change log:
Ver 1.5.6: Compatibility fix for upcoming Typesetter 5.2, additional height units (rem, vw, vh, vmin and vmax)
Ver 1.5.2: Small changes for Typesetter 5.0. No new features.
Ver 1.5: Compatible with Typesetter 5, some new features (see above)
Ver 1.2: Small improvements and fixes, better integration in new Section Management (4.5rc1+)
Ver 1.1: Fixes a CSS path when plugin is installed manually.
Ver 1.0: Initial release.
That’s just the teaser image ;-)
Tags: image, section, responsive, grid, focus point
Details | |
---|
Minimum Typesetter Version | |
Used Most with Typesetter Versions | 5.1.0 5.0.3 3.0.0 5.1.1 |
Last Updated | 4 years ago (2019-12-29) |
Created | 8 years ago (2015-06-16) |
Created By | juergen |
Hooks | View Hooks Used by This Script |