This page last changed on Dec 12, 2011 by jed.wheeler@involver.com.
attributes |
type |
description |
.title |
string |
Outputs the Title of the image as set in the configuration menu |
.image_url |
string |
URL to the image |
.click_through_url |
string |
Outputs the Click through url, as set in the configuration menu |
.width |
int |
Width of the Image |
.height |
int |
Height of the Image |
Example Configuration
This sample code will detect the width of the first image in the set and then create an unordered list of images which have been cropped to square and resized so that their widths match the width of the first image.
{% image_gallery %}
{% capture_int width %}{{ image_gallery.image_items.first.width }}{% endcapture_int %}
<ul>
{% for pic in image_gallery.image_items %}
<li><a href="{{ pic.clickthrough_url }}">{{ pic.image_url | resize_to:"square" | resize_to:width | img_tag:pic.title }}</a></li>
{% endfor %}
</ul>
{% endimage_gallery %}
|