project/templates/explorer/panels/gallery.html

   1 <div class="toolbar" style="height: 24px">
   2     {{ form.folders }}
   3 </div>
   4
   5 <div class="images-wrap" style="position: absolute; top: 24px; left:0px; right:0px; bottom: 0px;">
   6     <div class="images"><!-- To jest div na obrazki, które są wstawiane później --></div>
   7 </div>
   8 <script type="text/javascript" charset="utf-8">
   9
  10 panel_hooks = {
  11     load: function() {
  12         var contentDiv = this.contentDiv;
  13         $('select[name=folders]', contentDiv).change(function() {
  14             var select = this;
  15             $('.images', contentDiv).fadeOut('slow', function() {
  16                 $(this).html('').load('{% url folder_image_ajax %}' + $(select).val() + '/',  function() {
  17                     $('.images-wrap', contentDiv).data('lazyload:lastCheckedScrollTop', -10000);
  18                 });
  19             })
  20         });
  21
  22         $('.images-wrap', contentDiv).lazyload('.image-box',
  23             {threshold: 640 * 10, scrollTreshold: 640 * 5}
  24         );
  25     },
  26     refresh: function() {
  27         return true; // gallery is always fresh
  28     },
  29     dirty: function() {
  30         return true; // and it doesn't get dirty
  31     }
  32 };
  33 </script>