Dopracowanie leniwego doładowywania stron (problemy są w momencie, kiedy skan strony...

diff --git a/project/static/js/jquery.lazyload.js b/project/static/js/jquery.lazyload.js
index 25c9486..ea3de6f 100644 (file)
--- a/project/static/js/jquery.lazyload.js
+++ b/project/static/js/jquery.lazyload.js
@@ -31,7 +31,13 @@
                         || belowViewport(container, this, settings.threshold)) {
                         $(this).html(settings.placeholder);
                     } else {
                         || belowViewport(container, this, settings.threshold)) {
                         $(this).html(settings.placeholder);
                     } else {

-                        $(this).html('<img src="' + $(this).attr('src') + '" width="' + $(this).width() + '" />');
+                        $(this).html('');
+                        var self = this;
+                        $('<img src="' + $(this).attr('src') + '" width="' + $(this).width() + '" />').load(function() {
+                            if ($(this).height() > $(self).height()) {
+                                $(self).height($(this).height());
+                            }
+                        }).appendTo(this);

                     }
                 })
             }
                     }
                 })
             }

diff --git a/project/templates/explorer/folder_images.html b/project/templates/explorer/folder_images.html
index e6beb07..4104926 100644 (file)
--- a/project/templates/explorer/folder_images.html
+++ b/project/templates/explorer/folder_images.html
@@ -1,5 +1,5 @@
 {% for image in images %}
 {% for image in images %}

-    <div class="image-box" src="{{ image }}" style="width: 460px; height: 460px; margin: 5px; background-color: gray">
+    <div class="image-box" src="{{ image }}" style="width: 480px; height: 640px; border:1px solid #DDD; margin: 5px">

         <p>{{ image }}</p>
     </div>
 {% endfor %}
\ No newline at end of file
         <p>{{ image }}</p>
     </div>
 {% endfor %}
\ No newline at end of file