fixes to vierwer/folding catalogue in menu

[wolnelektury.git] / apps / picture / templates / picture / picture_viewer.html

diff --git a/apps/picture/templates/picture/picture_viewer.html b/apps/picture/templates/picture/picture_viewer.html
index 8caaae6..40cbd80 100644 (file)
--- a/apps/picture/templates/picture/picture_viewer.html
+++ b/apps/picture/templates/picture/picture_viewer.html
@@ -31,6 +31,11 @@
             </ul>
         </div>
         <div id="info" class="moveright">
+         <div class="sponsors">
+           <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" ></img>
+           </a>
+           <a href="http://www.nck.pl"><img src="{% static "img/logo_nck_200horiz_trans.png" %}" alt="Narodowe Centrum Kultury" ></img></a>
+         </div>
             {% book_info picture %}
         </div>
        {{ picture.html_file.read|safe }}
@@ -38,18 +43,19 @@
        <!-- main picture view -->
        <div id="picture-view">
          <ul class="toolbar">
-           <li class="square button plus"><a href="#">&#x2795;<!-- heavy plus sign --></a></li>
-           <li class="square button minus"><a href="#">&#x2796;<!-- heavy minus sign --></a>
+           <li class="square button plus inactive"><a href="#">+<!--&#x2795;--><!-- heavy plus sign --></a></li>
+           <li class="square button minus inactive"><a href="#">-<!-- &#x2796;--><!-- heavy minus sign --></a>
            </li>
            <li class="button"><a href="#picture-objects" class="dropdown">{% trans "Objects" %}</a></li>
            <li class="button"><a href="#picture-themes" class="dropdown">{% trans "Themes" %}</a></li>
          </ul>
-         <div class="picture-wrap {% if picture.image_file|is_portrait %}portrait{% endif %}">
-           {% thumbnail picture.image_file "700x500" as pic %}
-           <img class="canvas initial" src="{{pic.url}}"/>
-           {% endthumbnail %}
+         {% thumbnail picture.image_file "700x500" as pic %}
+         <div class="picture-wrap {% if picture.image_file|is_portrait %}portrait{% endif %}" 
+              data-original-width="{{picture.width}}" data-original-height="{{picture.height}}"
+              data-width="{{pic.width}}" data-height="{{pic.height}}" style="background-image: url('{{pic.url}}');  width: {{pic.width}}px; height: {{pic.height}}px;">
            <img class="canvas loading original" src="{{ picture.image_file.url }}"/>
          </div>
+         {% endthumbnail %}
        </div>
         {{ piwik_tag|safe }}
        <div id="spinner"></div>