display picture legends

[panikweb.git] / panikweb_templates / templates / combo / gallery.html

diff --git a/panikweb_templates/templates/combo/gallery.html b/panikweb_templates/templates/combo/gallery.html
index 6ff1466b25d02888cff6592be40d154908cfe0e8..49451a96643d81a480042e482e8bdcc81908c477 100644 (file)
--- a/panikweb_templates/templates/combo/gallery.html
+++ b/panikweb_templates/templates/combo/gallery.html
@@ -5,18 +5,19 @@
   {% if forloop.first %}
 <div class="first" style="display: none;">
 <img src="#"/>
+<span class="gallery-legend"></span>
 </div>
 <div>
   {% endif %}
 {% thumbnail image.image "200x100" crop="50% 25%" as im %}
 {% if cell.slug == 'portrait' %}
 {% thumbnail image.image "480x640" crop="50% 25%" as im_large %}
-<span data-image-large="{{ im_large.url }}"><img src="{{ im.url }}"
-        {% if image.title %} title="{{image.title}}" {% endif %}/></span>
+<span class="image" data-image-large="{{ im_large.url }}"><img src="{{ im.url }}"
+        class="portrait" {% if image.title %} title="{{image.title}}" {% endif %}/></span>
 {% endthumbnail %}
 {% else %}
 {% thumbnail image.image "640x480" crop="50% 25%" as im_large %}
-<span data-image-large="{{ im_large.url }}"><img src="{{ im.url }}"
+<span class="image" data-image-large="{{ im_large.url }}"><img src="{{ im.url }}"
         {% if image.title %} title="{{image.title}}" {% endif %}/></span>
 {% endthumbnail %}