project/templates/explorer/panels/gallery.html

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