High res gallery configuration

publichealth/home/templates/home/photo_gallery.html

@@ -18,7 +18,7 @@
   {% for val in block.value %}
 		<div class="item">
 			{% image val.image fill-700x400 as entry_thumb %}
-			<image data-src="{{ entry_thumb.url }}" data-caption="{{ val.caption }}" style="background-image:url({{ entry_thumb.url }})">
+			<image style="background-image:url({{ entry_thumb.url }})">
 		</div>
   {% endfor %}
 {% endfor %}

publichealth/static/js/main.js

@@ -39,10 +39,10 @@ $(document).ready(function() {
 	$('.slider-nav').slick({
 		slidesToShow: 3,
 		slidesToScroll: 1,
-		infinite: true,
-		asNavFor: '.carousel-gallery',
+		infinite: false,
 		centerMode: true,
 		focusOnSelect: true,
+		asNavFor: '.carousel-gallery',
 		// Responsive settings
 		responsive: [
 		{
@@ -66,10 +66,6 @@ $(document).ready(function() {
 	],
 		prevArrow: '<span class="arrow left glyphicon glyphicon-chevron-left" aria-hidden="true">Previous</span>',
 		nextArrow: '<span class="arrow right glyphicon glyphicon-chevron-right" aria-hidden="true">Next</span>',
-	}).slickLightbox({
-		src: 'data-src',
-		itemSelector: 'img',
-		caption: 'caption'
 	});