Poprawki stylu w panelu gallery.html.
[redakcja.git] / project / templates / explorer / panels / gallery.html
index d339bce..bf753d0 100644 (file)
@@ -1,11 +1,12 @@
 <div class="panel">
 <div class="panel">
-    <div class="images-wrap">
-        <div class="images">
-            <p>Aby zobaczyć obrazki wybierz folder poniżej:</p>
-            <p><select name="folders" class="id_folders">
+    <div class="toolbar">
+        <select name="folders" class="id_folders">
             <option value="" selected="selected">-- Wybierz folder z obrazkami --</option>
             <option value="andersen_basnie">andersen_basnie</option>
             <option value="" selected="selected">-- Wybierz folder z obrazkami --</option>
             <option value="andersen_basnie">andersen_basnie</option>
-            </select></p>
+        </select>
+    </div>
+    <div class="images-wrap">
+        <div class="images">
         </div>
     </div>
 </div>
         </div>
     </div>
 </div>
 panel_hooks = {
        load: function() {
                var contentDiv = this.contentDiv;
 panel_hooks = {
        load: function() {
                var contentDiv = this.contentDiv;
-               $('.id_folders', contentDiv).change(function() 
-               {
-               $('.images', contentDiv).load('{% url folder_image_ajax %}' + $('.id_folders', panel).val() + '/', 
-                               function() {
+               $('.id_folders', contentDiv).change(function() {
+               $('.images', contentDiv).fadeOut('slow', function() { 
+                   $(this).html('').load('{% url folder_image_ajax %}' + $('.id_folders', contentDiv).val() + '/',  function() {
                     $('.images-wrap', contentDiv).data('lazyload:lastCheckedScrollTop', -10000);
                 });
                     $('.images-wrap', contentDiv).data('lazyload:lastCheckedScrollTop', -10000);
                 });
+                   })
                });
                
                $('.images-wrap', contentDiv).lazyload('.image-box', 
                });
                
                $('.images-wrap', contentDiv).lazyload('.image-box',