project/templates/explorer/panels/gallery.html

   1 <div class="panel">
   2     <div class="toolbar">
   3         <select name="folders" class="id_folders">
   4             <option value="" selected="selected">-- Wybierz folder z obrazkami --</option>
   5             <option value="andersen_basnie">andersen_basnie</option>
   6         </select>
   7     </div>
   8     <div class="images-wrap">
   9         <div class="images">
  10         </div>
  11     </div>
  12 </div>
  13 <script type="text/javascript" charset="utf-8">
  14
  15 panel_hooks = {
  16         load: function() {
  17                 var contentDiv = this.contentDiv;
  18                 $('.id_folders', contentDiv).change(function() {
  19                 $('.images', contentDiv).fadeOut('slow', function() {
  20                     $(this).html('').load('{% url folder_image_ajax %}' + $('.id_folders', contentDiv).val() + '/',  function() {
  21                     $('.images-wrap', contentDiv).data('lazyload:lastCheckedScrollTop', -10000);
  22                 });
  23                     })
  24                 });
  25
  26                 $('.images-wrap', contentDiv).lazyload('.image-box',
  27                         {threshold: 640 * 10, scrollTreshold: 640 * 5}
  28                 );
  29         }
  30 };
  31 </script>