X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/e4027627c2c72c7519a858e6e0179e505801ba6b..1946d77911c974e2755d59891f34337a8af829b6:/project/templates/explorer/panels/gallery.html

diff --git a/project/templates/explorer/panels/gallery.html b/project/templates/explorer/panels/gallery.html
index 987875aa..4f5ea910 100644
--- a/project/templates/explorer/panels/gallery.html
+++ b/project/templates/explorer/panels/gallery.html
@@ -1,26 +1,24 @@
-<div class="panel">
-    <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>
-        </select>
-    </div>
-    <div class="images-wrap">
-        <div class="images">
-        </div>
-    </div>
+<div class="toolbar" style="height: 24px">
+	<select name="folders" class="id_folders">
+		<option value="" selected="selected">-- Wybierz folder z obrazkami --</option>
+        <option value="andersen_basnie">andersen_basnie</option>
+	</select>
+</div>
+
+<div class="images-wrap" style="position: absolute; top: 24px; left:0px; right:0px; bottom: 0px;">
+	<div class="images"><!-- To jest div na obrazki, które są wstawiane później --></div>
 </div>
 <script type="text/javascript" charset="utf-8">
 
 panel_hooks = {
 	load: function() {
 		var contentDiv = this.contentDiv;
-		$('.id_folders', contentDiv).change(function() 
-		{
-        	$('.images', contentDiv).load('{% url folder_image_ajax %}' + $('.id_folders', contentDiv).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).lazyload('.image-box',