project/templates/explorer/panels/gallery.html

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