switch thumbnail system from homegrown to sorl-thumbnail

[panikweb-esperanzah.git] / panikweb_templates / templates / news / roll.html

diff --git a/panikweb_templates/templates/news/roll.html b/panikweb_templates/templates/news/roll.html
index 3109996e440f8bad87423ad646fad512a979fc56..dde2a92e918c38833746381df76916d5e03d453d 100644 (file)
--- a/panikweb_templates/templates/news/roll.html
+++ b/panikweb_templates/templates/news/roll.html
@@ -1,4 +1,4 @@
-{% load thumbnails i18n paniktags %}
+{% load thumbnail i18n paniktags %}
 <div id="newsRoll">
        <div class="newsRoll center cf">
                <ul id="ticker" class="custom bigNews marged" style="height:300px;overflow:hidden;">
@@ -7,7 +7,9 @@
                     id="newsRollId-{{ focus.id }}"
                     class="">
                                        <a 
-                        style="max-width:100%;height:300px;background: no-repeat 50% 50% url('{{ focus.content_image|thumbnail:'500x375' }}');"
+                   {% thumbnail focus.content_image "500x375" crop="50% 25%" as im %}
+                        style="max-width:100%;height:300px;background: no-repeat 50% 50% url('{{im.url}}');"
+                       {% endthumbnail %}
                         class="block news relative"
                        href="{{ focus|get_focus_url }}">
                                                {% if focus.content_category_title %}
@@ -26,7 +28,9 @@
                            {% for focus in news %}
                                    <li style="width:30%;" class="num-{{ forloop.counter }} padded">
                                            <button class="inBlock" data-about="#newsRollId-{{ focus.id }}">
-                                                   <img style="width:95%;" src="{{ focus.content_image|thumbnail:'160x120' }}" />
+                                                   {% thumbnail focus.content_image "160x120" crop="50% 25%" as im %}
+                                                   <img style="width:95%;" src="{{im.url}}" />
+                                                   {% endthumbnail %}
                                            </button>
                                    </li>
                            {% endfor %}