diff --git a/assets/js/script.js b/assets/js/script.js index aeafa5b..f9fb09b 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -101,7 +101,7 @@ jQuery(function ($) { /* ========================================================================= */ /* Magnific popup /* ========================================================================= */ - $('.image-popup-gallery').magnificPopup({ + $('.image-popup').magnificPopup({ type: 'image', removalDelay: 160, //delay removal by X to allow out-animation callbacks: { @@ -111,9 +111,6 @@ jQuery(function ($) { this.st.mainClass = this.st.el.attr('data-effect'); } }, - gallery:{ - enabled:true - }, closeOnContentClick: true, midClick: true, fixedContentPos: false, diff --git a/layouts/partials/imageSlideShow.html b/layouts/partials/imageSlideShow.html index f85b055..ff96f9f 100644 --- a/layouts/partials/imageSlideShow.html +++ b/layouts/partials/imageSlideShow.html @@ -18,32 +18,18 @@ </div> <div id="ArtCarousel" class="wow fadeInUp center-block" data-wow-duration="500ms" data-wow-delay="100ms"> - {{/* {{ $images := slice }} - {{ $image_thumb := slice }} */}} + {{ $images := slice }} + {{ $image_thumb := slice }} {{ range .portfolio_categories }} {{ range .portfolio_items }} - {{ if eq .slideshow true }} - {{/* {{ $images = $images | append .image }} */}} - - {{- $original := resources.Get .image -}} - {{ $thumb := $original.Resize "x320" }} - {{ $image := $original.Fit "1080x1080" }} - - {{ if eq site.Params.onNetlify true }} - <a class="item item-center image-popup-gallery" data-mfp-src="{{ $image.RelPermalink }}"> - <img class="img-fluid AC-img" src="{{ $thumb.RelPermalink }}" onerror='this.onerror=null,this.src="{{ $thumb.RelPermalink }}"' alt="{{ .name }}" title="{{ .name }}"> - </a> - - {{ else }} - <a class="item item-center image-popup-gallery" data-mfp-src="{{ $image.RelPermalink }}"> - <img class="img-fluid AC-img" data-lazy="{{ $thumb.RelPermalink }}" onerror='this.onerror=null,this.src="{{ $thumb.RelPermalink }}"' alt="{{ .name }}" title="{{ .name }}"> - </a> - - {{ end }} - {{ end }} - - {{/* {{ $image_thumb := $image_thumb | append .image_thumb }} */}} + {{ $images = $images | append .image }} + {{ $image_thumb := $image_thumb | append .image_thumb }} + {{- $original := resources.Get .image -}} + {{ $thumb := $original.Resize "x320" }} + <div class="item item-center"> + <img class="img-fluid AC-img" data-lazy="{{ $thumb.RelPermalink }}" alt="{{ .name }}" title="{{ .name }}"> + </div> {{ end }} {{ end }} </div>