This extension simply shows an image and gives some properties for dynamic configuration.
- Image Path: relative or absolute path to the image file (content library or external)
- Image File: image file name, use variable expression here for flexibility
- Image Style CSS: style attribute value for img tag, use "width:100%;" for strech-to-fit, optional
- Image Title: title attribute value for img tag, is shown as popup on hover, optional
- Image Link: an URL to create an anchor tag (HTML link), optional
To auto size and center an image, you can use this CSS style:
='position:relative;display:block;margin-top:2px;margin-right:auto;margin-bottom:auto;margin-left:auto;max-height:100%;max-width:100%;top:50%;transform:translateY(-50%);'
Ralf Becher
Copyright © 2016 Ralf Becher
Released under the MIT license.