a5ac5592f21a6290cac3e45f9bed0eb22976bfa9
[redakcja.git] / 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         $('.id_folders', contentDiv).change(function() {
14             $('.images', contentDiv).fadeOut('slow', function() { 
15                 $(this).html('').load('{% url folder_image_ajax %}' + $('.id_folders', contentDiv).val() + '/',  function() {
16                     $('.images-wrap', contentDiv).data('lazyload:lastCheckedScrollTop', -10000);
17                 });
18             })
19         });
20         
21         $('.images-wrap', contentDiv).lazyload('.image-box', 
22             {threshold: 640 * 10, scrollTreshold: 640 * 5}
23         );
24     },
25     refresh: function() {
26         return true; // gallery is always fresh
27     },
28     dirty: function() {
29         return true; // and it doesn't get dirty 
30     }
31 };
32 </script>