ungleich-public/public-health-ch
6
1
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

High res gallery configuration

Browse source
This commit is contained in:
Oleg Lavrovsky 2017-09-20 17:10:35 +02:00
parent 14a63c8087
commit 01619a73df
2 changed files with 3 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
publichealth/home/templates/home/photo_gallery.html
View file

@ -18,7 +18,7 @@
{% for val in block.value %} {% for val in block.value %}
<div class="item"> <div class="item">
{% image val.image fill-700x400 as entry_thumb %} {% 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> </div>
{% endfor %} {% endfor %}
{% endfor %} {% endfor %}

8
publichealth/static/js/main.js
View file

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