Aroy/Rinkusu
1
1
Fork 0
mirror of https://github.com/Aroy-Art/Rinkusu.git synced 2024-12-26 17:44:23 +01:00
Code Issues 6 Projects Releases Packages Wiki Activity

Compare commits

base: Aroy:0a84126fb07afeb64f2a206a408a3fe31a3dca62
Branches Tags
Aroy:main
...
compare: Aroy:980825f55e92c1e27d4894ba252c90a14f75e355
Branches Tags
Aroy:main

4 commits
0a84126fb0 ... 980825f55e

Author SHA1 Message Date
Aroy-Art
980825f55e
Fix: 4 try to fix art carousel 2023-02-14 16:20:18 +01:00
Aroy-Art
3c4949c3b3
Change: image popup tag name 2023-02-14 16:05:25 +01:00
Aroy-Art
ae9667b31a
Change: image popup to gallery mode 2023-02-14 16:02:45 +01:00
Aroy-Art
af34c8adb9
Add: Image popup & 3 try to fix art carousel 2023-02-14 15:51:38 +01:00
2 changed files with 27 additions and 10 deletions
Show stats Expand all files Collapse all files

5
assets/js/script.js
View file

@ -101,7 +101,7 @@ jQuery(function ($) {
/* ========================================================================= */ /* ========================================================================= */
/* Magnific popup /* Magnific popup
/* ========================================================================= */ /* ========================================================================= */
$('.image-popup').magnificPopup({ $('.image-popup-gallery').magnificPopup({
type: 'image', type: 'image',
removalDelay: 160, //delay removal by X to allow out-animation removalDelay: 160, //delay removal by X to allow out-animation
callbacks: { callbacks: {
@ -111,6 +111,9 @@ jQuery(function ($) {
this.st.mainClass = this.st.el.attr('data-effect'); this.st.mainClass = this.st.el.attr('data-effect');
} }
}, },
gallery:{
enabled:true
},
closeOnContentClick: true, closeOnContentClick: true,
midClick: true, midClick: true,
fixedContentPos: false, fixedContentPos: false,

32
layouts/partials/imageSlideShow.html
View file

@ -18,18 +18,32 @@
</div> </div>
<div id="ArtCarousel" class="wow fadeInUp center-block" data-wow-duration="500ms" data-wow-delay="100ms"> <div id="ArtCarousel" class="wow fadeInUp center-block" data-wow-duration="500ms" data-wow-delay="100ms">
{{ $images := slice }} {{/* {{ $images := slice }}
{{ $image_thumb := slice }} {{ $image_thumb := slice }} */}}
{{ range .portfolio_categories }} {{ range .portfolio_categories }}
{{ range .portfolio_items }} {{ range .portfolio_items }}
{{ $images = $images | append .image }} {{ if eq .slideshow true }}
{{ $image_thumb := $image_thumb | append .image_thumb }} {{/* {{ $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 }} */}}
{{- $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 }}
{{ end }} {{ end }}
</div> </div>