From: Frédéric Péters <fpeters@0d.be>
Date: Sun, 31 May 2015 13:46:19 +0000 (+0200)
Subject: factorize gallery js
X-Git-Tag: v2021~402
X-Git-Url: https://git.0d.be/?p=panikweb.git;a=commitdiff_plain;h=81c704ce76b5cafc5d424cf62aec8b7fc1318058

factorize gallery js
---

diff --git a/panikweb_templates/static/js/specifics.js b/panikweb_templates/static/js/specifics.js
index d734689..6409f20 100644
--- a/panikweb_templates/static/js/specifics.js
+++ b/panikweb_templates/static/js/specifics.js
@@ -531,4 +531,15 @@ $(function() {
 		});
 		$waveform.find('span.done:last').addClass('current');
 	});
+
+	$('.gallery').each(function() {
+	  var $gallery = $(this);
+	  $gallery.find('span').on('click', function() {
+	    $gallery.find('div.first img').attr('src', $(this).data('image-large'));
+	    $gallery.find('div.first').show('fade');
+	    return false;
+	  });
+	  $gallery.find('div.first').on('click', function() { $(this).toggle('fade'); return false; });
+	});
+
 });
diff --git a/panikweb_templates/templates/combo/gallery.html b/panikweb_templates/templates/combo/gallery.html
index b3c6bb9..c1c179b 100644
--- a/panikweb_templates/templates/combo/gallery.html
+++ b/panikweb_templates/templates/combo/gallery.html
@@ -3,12 +3,10 @@
 <div class="gallery" id="gallery-{{cell.id}}">
 {% for image in cell.image_set.all %}
   {% if forloop.first %}
-{% thumbnail image.image "640x480" crop="50% 25%" as im %}
 <div class="first" style="display: none;">
-<img src="{{ im.url }}"/>
+<img src="#"/>
 </div>
 <div>
-{% endthumbnail %}
   {% endif %}
 {% thumbnail image.image "200x100" crop="50% 25%" as im %}
 {% thumbnail image.image "640x480" crop="50% 25%" as im_large %}
@@ -19,15 +17,3 @@
 {% endfor %}
 </div>
 </div>
-<script type="text/javascript">
-$(function() {
-  var $gallery = $('#gallery-{{cell.id}}');
-  $gallery.find('span').on('click', function() {
-    $gallery.find('div.first img').attr('src', $(this).data('image-large'));
-    $gallery.find('div.first').show('fade');
-  });
-  $gallery.find('div.first').on('click', function() {
-    $(this).toggle('fade');
-  });
-});
-</script>