add support/style for gallery cell

[panikweb-studioneau.git] / panikweb_studioneau / templates / includes / footer.html

diff --git a/panikweb_studioneau/templates/includes/footer.html b/panikweb_studioneau/templates/includes/footer.html
index 6c82ee53006fa9e06d090de19861b61d026c209f..7fae3804a33613458756c27e20dc42b58e23c668 100644 (file)
--- a/panikweb_studioneau/templates/includes/footer.html
+++ b/panikweb_studioneau/templates/includes/footer.html
@@ -22,9 +22,9 @@ $(function() {
 
  var roll_timeout = null;
  function init_roll_buttons() {
-   if ($('#focus').length == 0) return;
-   if ($('#focus').hasClass('initialized')) return;
-   if ($('#focus .item').length < 2) {
+   if ($('.scrolling-images').length == 0) return;
+   if ($('.scrolling-images').hasClass('initialized')) return;
+   if ($('.scrolling-images .item').length < 2) {
      $('#next, #prev').hide();
      return;
    }
@@ -35,11 +35,11 @@ $(function() {
    $('#next').on('click', function(ev, autoroll) {
      if (roll_timeout && !autoroll) { clearTimeout(roll_timeout); roll_timeout = null; }
      var current_position = $(window).scrollTop();
-     const $first = $('#focus .item:not(.transition)').first();
-     const $last = $('#focus .item:not(.transition)').last();
+     const $first = $('.scrolling-images .item:not(.transition)').first();
+     const $last = $('.scrolling-images .item:not(.transition)').last();
      if ($first.length == 0) return;
      const $cloned = $first.clone();
-     $cloned.addClass('transition').insertBefore($('#focus .item').first());
+     $cloned.addClass('transition').insertBefore($('.scrolling-images .item').first());
      $cloned.on('transitionend', function() { $cloned.remove(); });
      $first.detach().insertAfter($last);
      $cloned[0].offsetHeight; // redraw
@@ -53,18 +53,18 @@ $(function() {
    });
    $('#prev').on('click', function(ev, autoroll) {
      if (roll_timeout && !autoroll) { clearTimeout(roll_timeout); roll_timeout = null; }
-     const $first = $('#focus .item:not(.transition)').first();
-     const $last = $('#focus .item:not(.transition)').last();
+     const $first = $('.scrolling-images .item:not(.transition)').first();
+     const $last = $('.scrolling-images .item:not(.transition)').last();
      if ($first.length == 0) return;
      const $cloned = $first.clone();
-     $cloned.addClass('transition').insertBefore($('#focus .item').first());
+     $cloned.addClass('transition').insertBefore($('.scrolling-images .item').first());
      $cloned.on('transitionend', function() { $cloned.remove(); });
      $last.detach().insertBefore($first);
      $cloned[0].offsetHeight; // redraw
      $cloned.addClass('faded');
      if (autoroll) { roll_timeout = setTimeout(function() {$('#next').trigger('click', ['autoroll']); }, 10000); }
    });
-   $('#focus').addClass('initialized');
+   $('.scrolling-images').addClass('initialized');
    roll_timeout = setTimeout(function() {$('#next').trigger('click', ['autoroll']); }, 10000);
  }
  function init_newsletter_form() {