From 11fc439c55fce8993a5be14150c4c014c2877eb2 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 10 Nov 2016 16:09:50 +0100
Subject: [PATCH] Add LightGallery to sliders

---
 app/static/src/js/modules/lightsliderpage-init.js | 5 +++++
 app/templates/base.html                           | 1 +
 app/templates/core/inc/slider.html                | 2 +-
 app/templates/includes/footer_scripts.html        | 1 +
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/static/src/js/modules/lightsliderpage-init.js b/app/static/src/js/modules/lightsliderpage-init.js
index 0221d471..b9cc712f 100644
--- a/app/static/src/js/modules/lightsliderpage-init.js
+++ b/app/static/src/js/modules/lightsliderpage-init.js
@@ -46,6 +46,11 @@ LightSliderPageInit.prototype.init = function() {
                     container = $(el),
                     children = container.children();
 
+                    el.lightGallery({
+                        selector: '.slider-page .lslide',
+                        download: false
+                    });
+
                     children.each(function () {
                         var childHeight = $(this).height();
                         if (childHeight > maxHeight) {
diff --git a/app/templates/base.html b/app/templates/base.html
index 09a5e840..ae095072 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -34,6 +34,7 @@
     {% compress css %}
     <link rel="stylesheet" href="{% static "vendors/font-awesome/css/font-awesome.css" %}">
     <link rel="stylesheet" href="{% static "vendors/lightslider/dist/css/lightslider.css" %}">
+    <link rel="stylesheet" href="{% static "vendors/lightgallery/dist/css/lightgallery.css" %}">
     <link rel="stylesheet" href="{% static "vendors/pushy/css/pushy.css" %}">
     <link rel="stylesheet" href="{% static "vendors/video.js/dist/video-js.css" %}">
     <link rel="stylesheet" href="{% static "css/index.min.css" %}">
diff --git a/app/templates/core/inc/slider.html b/app/templates/core/inc/slider.html
index 34b2130c..16eba10a 100644
--- a/app/templates/core/inc/slider.html
+++ b/app/templates/core/inc/slider.html
@@ -2,7 +2,7 @@
 <div class="page__slider">
     <ul class="slider-page" data-slider-page>
         {% for image in slider_images %}
-            <li class="slider-page__slide">
+            <li class="slider-page__slide" data-src="{{ MEDIA_URL }}{{ image.file }}">
                 <div class="slider-page__wrapper">
                     <img title="{{ image.title }}" alt="{{ image.title }} {{ image.description }} {{ image.credits }}" class="slider-page__img" src="{{ MEDIA_URL}}{% thumbnail image.file 0 520 %}" alt="" />
                     <div class="slider-page__caption">
diff --git a/app/templates/includes/footer_scripts.html b/app/templates/includes/footer_scripts.html
index d8603f1f..d8341263 100644
--- a/app/templates/includes/footer_scripts.html
+++ b/app/templates/includes/footer_scripts.html
@@ -6,6 +6,7 @@
     <script src="{% static "vendors/sticky-kit/jquery.sticky-kit.js" %}"></script>
     <script src="{% static "vendors/jquery-throttle-debounce/jquery.ba-throttle-debounce.js" %}"></script>
     <script src="{% static "vendors/lightslider/dist/js/lightslider.js" %}"></script>
+    <script src="{% static "vendors/lightgallery/dist/js/lightgallery.js" %}"></script>
     <script src="{% static "vendors/imagesloaded/imagesloaded.pkgd.js" %}"></script>
     <script src="{% static "vendors/pushy/js/pushy.js" %}"></script>
     <script src="{% static "vendors/video.js/dist/video.js" %}"></script>
-- 
2.39.5