j1-template 2024.3.19 → 2024.3.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/assets/data/amplitude_app.html +174 -150
- data/assets/data/swiper_app.2.html +757 -0
- data/assets/data/swiper_app.4.html +769 -0
- data/assets/data/swiper_app.html +171 -27
- data/assets/theme/j1/adapter/js/amplitude.js +817 -165
- data/assets/theme/j1/adapter/js/swiper.js +63 -15
- data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -1
- data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
- data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +140 -219
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +117 -23
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +323 -493
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -2
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +20 -73
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +2062 -843
- data/assets/theme/j1/modules/amplitudejs/scss/theme/uno/dark/player/large.scss +439 -264
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css +24 -24
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css +1 -235
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css +2 -2
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css +6 -7
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css +1 -82
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.min.css +2 -29
- data/assets/theme/j1/modules/swiperjs/css/theme/uno.css +29 -12
- data/assets/theme/j1/modules/swiperjs/css/theme/uno.min.css +1 -1
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js +1 -5
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js +1 -5
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js +12 -14
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js +1 -17
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js +0 -1
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js +114 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js +93 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js +42 -13
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js +17 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js +76 -25
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js +1 -17
- data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.js +9152 -9131
- data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.min.js +1 -1
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/README.md +5 -5
- data/lib/starter_web/_config.yml +1 -1
- data/lib/starter_web/_data/modules/amplitude_app.yml +206 -23
- data/lib/starter_web/_data/modules/amplitude_playlists.yml +1122 -19
- data/lib/starter_web/_data/modules/defaults/{amplitude_app.yml → amplitude.yml} +70 -26
- data/lib/starter_web/_data/modules/swiper_app.yml +289 -155
- data/lib/starter_web/_data/modules/swiper_playlists.yml +51 -1
- data/lib/starter_web/_data/resources.yml +6 -2
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_plugins/filter/filters.rb +1 -11
- data/lib/starter_web/_plugins/index/lunr.rb +1 -1
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png +0 -0
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +82 -34
- data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +62 -15
- data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +121 -36
- data/lib/starter_web/pages/public/tour/play_audio.adoc +60 -70
- data/lib/starter_web/pages/public/tour/play_video.adoc +1 -1
- metadata +29 -14
- data/assets/theme/j1/modules/swiperjs/js/highlightJS.js +0 -13376
- data/assets/theme/j1/modules/swiperjs/js/highlightJS.min.js +0 -1246
- data/assets/theme/j1/modules/swiperjs/js/modules/!readme +0 -3
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/!info/!readme +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/!readme +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/1.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/2.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/3.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/4.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/5.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/6.jpg +0 -0
@@ -180,7 +180,6 @@ settings:
|
|
180
180
|
# ------------------------------------------------------------------------
|
181
181
|
#
|
182
182
|
parameters:
|
183
|
-
# direction: horizontal
|
184
183
|
grabCursor: true
|
185
184
|
loop: true
|
186
185
|
|
@@ -189,13 +188,13 @@ settings:
|
|
189
188
|
# ------------------------------------------------------------------------
|
190
189
|
#
|
191
190
|
module_settings:
|
192
|
-
pagination:
|
193
|
-
el: .swiper-pagination
|
194
|
-
type: bullets
|
195
|
-
clickable: true
|
196
191
|
navigation:
|
197
192
|
nextEl: .swiper-button-next
|
198
193
|
prevEl: .swiper-button-prev
|
194
|
+
pagination:
|
195
|
+
el: .swiper-pagination-outer
|
196
|
+
clickable: true
|
197
|
+
# renderBullet: function (index, className) { return `<span class="${className}"> ${++index} </span>`; }
|
199
198
|
|
200
199
|
# ------------------------------------------------------------------------
|
201
200
|
# EVENT Options
|
@@ -218,46 +217,6 @@ settings:
|
|
218
217
|
#
|
219
218
|
enabled: false
|
220
219
|
|
221
|
-
# ----------------------------------------------------------------------
|
222
|
-
# CAPTION Options
|
223
|
-
# ----------------------------------------------------------------------
|
224
|
-
#
|
225
|
-
captions:
|
226
|
-
enabled: true
|
227
|
-
css_class: pswp-caption-content
|
228
|
-
|
229
|
-
# ----------------------------------------------------------------------
|
230
|
-
# CORE Options
|
231
|
-
# ----------------------------------------------------------------------
|
232
|
-
#
|
233
|
-
parameters:
|
234
|
-
children: a
|
235
|
-
bgOpacity: 1
|
236
|
-
showHideOpacity: true
|
237
|
-
loop: true
|
238
|
-
wheelToZoom: true
|
239
|
-
showHideAnimationType: zoom
|
240
|
-
imageClickAction: next
|
241
|
-
tapAction: next
|
242
|
-
padding: { top: 0, bottom: 0, left: 80, right: 80 }
|
243
|
-
|
244
|
-
# ----------------------------------------------------------------------
|
245
|
-
# USER INTERFACE Options
|
246
|
-
# ----------------------------------------------------------------------
|
247
|
-
#
|
248
|
-
ui_controls:
|
249
|
-
zoom: false
|
250
|
-
close: true
|
251
|
-
counter: true
|
252
|
-
arrowKeys: false
|
253
|
-
|
254
|
-
# ----------------------------------------------------------------------
|
255
|
-
# KEYBOARD Options
|
256
|
-
# ----------------------------------------------------------------------
|
257
|
-
#
|
258
|
-
kbd_controls:
|
259
|
-
escKey: true
|
260
|
-
|
261
220
|
# --------------------------------------------------------------------------
|
262
221
|
# IMAGE Swiper|Layout Base, Captions
|
263
222
|
# --------------------------------------------------------------------------
|
@@ -265,19 +224,19 @@ settings:
|
|
265
224
|
- swiper:
|
266
225
|
|
267
226
|
# ------------------------------------------------------------------------
|
268
|
-
# GENERAL
|
227
|
+
# GENERAL options
|
269
228
|
# ------------------------------------------------------------------------
|
270
229
|
#
|
271
230
|
enabled: true
|
272
|
-
id:
|
231
|
+
id: swiper_image_base_navigation_pagination
|
273
232
|
layout: image/base
|
274
|
-
playlist:
|
233
|
+
playlist: free_animal
|
275
234
|
swiper_classes: false
|
276
235
|
container_classes: false
|
277
236
|
wrapper_styles: false
|
278
237
|
|
279
238
|
# ------------------------------------------------------------------------
|
280
|
-
# CAPTION
|
239
|
+
# CAPTION options
|
281
240
|
# ------------------------------------------------------------------------
|
282
241
|
#
|
283
242
|
captions:
|
@@ -289,7 +248,6 @@ settings:
|
|
289
248
|
# ------------------------------------------------------------------------
|
290
249
|
#
|
291
250
|
parameters:
|
292
|
-
autoHeight: true
|
293
251
|
grabCursor: true
|
294
252
|
slidesPerView: 2
|
295
253
|
slidesPerGroup: 2
|
@@ -300,9 +258,13 @@ settings:
|
|
300
258
|
# ------------------------------------------------------------------------
|
301
259
|
#
|
302
260
|
module_settings:
|
261
|
+
navigation:
|
262
|
+
nextEl: .swiper-button-next
|
263
|
+
prevEl: .swiper-button-prev
|
303
264
|
pagination:
|
304
|
-
el: .swiper-pagination
|
305
265
|
type: bullets
|
266
|
+
el: .swiper-pagination-outer
|
267
|
+
dynamicBullets: false
|
306
268
|
clickable: true
|
307
269
|
|
308
270
|
# ------------------------------------------------------------------------
|
@@ -324,7 +286,7 @@ settings:
|
|
324
286
|
# GENERAL Options
|
325
287
|
# ----------------------------------------------------------------------
|
326
288
|
#
|
327
|
-
enabled:
|
289
|
+
enabled: false
|
328
290
|
|
329
291
|
# ----------------------------------------------------------------------
|
330
292
|
# CAPTION Options
|
@@ -365,27 +327,27 @@ settings:
|
|
365
327
|
#
|
366
328
|
kbd_controls:
|
367
329
|
escKey: true
|
368
|
-
|
330
|
+
|
369
331
|
# --------------------------------------------------------------------------
|
370
|
-
# IMAGE Swiper|Layout Base, Captions
|
332
|
+
# IMAGE Swiper|Layout Base, Captions
|
371
333
|
# --------------------------------------------------------------------------
|
372
334
|
#
|
373
335
|
- swiper:
|
374
336
|
|
375
337
|
# ------------------------------------------------------------------------
|
376
|
-
# GENERAL
|
338
|
+
# GENERAL Options
|
377
339
|
# ------------------------------------------------------------------------
|
378
340
|
#
|
379
341
|
enabled: true
|
380
|
-
id:
|
342
|
+
id: swiper_image_base_captions
|
381
343
|
layout: image/base
|
382
|
-
playlist:
|
344
|
+
playlist: mega_cities_1
|
383
345
|
swiper_classes: false
|
384
346
|
container_classes: false
|
385
347
|
wrapper_styles: false
|
386
348
|
|
387
349
|
# ------------------------------------------------------------------------
|
388
|
-
# CAPTION
|
350
|
+
# CAPTION Options
|
389
351
|
# ------------------------------------------------------------------------
|
390
352
|
#
|
391
353
|
captions:
|
@@ -397,7 +359,6 @@ settings:
|
|
397
359
|
# ------------------------------------------------------------------------
|
398
360
|
#
|
399
361
|
parameters:
|
400
|
-
autoHeight: true
|
401
362
|
grabCursor: true
|
402
363
|
slidesPerView: 2
|
403
364
|
slidesPerGroup: 2
|
@@ -409,12 +370,10 @@ settings:
|
|
409
370
|
#
|
410
371
|
module_settings:
|
411
372
|
pagination:
|
412
|
-
el: .swiper-pagination
|
413
373
|
type: bullets
|
374
|
+
el: .swiper-pagination-outer
|
375
|
+
dynamicBullets: false
|
414
376
|
clickable: true
|
415
|
-
navigation:
|
416
|
-
nextEl: .swiper-button-next
|
417
|
-
prevEl: .swiper-button-prev
|
418
377
|
|
419
378
|
# ------------------------------------------------------------------------
|
420
379
|
# EVENT Options
|
@@ -435,7 +394,7 @@ settings:
|
|
435
394
|
# GENERAL Options
|
436
395
|
# ----------------------------------------------------------------------
|
437
396
|
#
|
438
|
-
enabled:
|
397
|
+
enabled: true
|
439
398
|
|
440
399
|
# ----------------------------------------------------------------------
|
441
400
|
# CAPTION Options
|
@@ -476,9 +435,10 @@ settings:
|
|
476
435
|
#
|
477
436
|
kbd_controls:
|
478
437
|
escKey: true
|
438
|
+
|
439
|
+
# --------------------------------------------------------------------------
|
479
440
|
|
480
|
-
#
|
481
|
-
# IMAGE Swiper|Layout Panorama
|
441
|
+
# IMAGE Swiper|Layout Thumbs
|
482
442
|
# --------------------------------------------------------------------------
|
483
443
|
#
|
484
444
|
- swiper:
|
@@ -486,14 +446,14 @@ settings:
|
|
486
446
|
# ------------------------------------------------------------------------
|
487
447
|
# GENERAL Options
|
488
448
|
# ------------------------------------------------------------------------
|
489
|
-
#
|
449
|
+
#
|
490
450
|
enabled: true
|
491
|
-
id:
|
492
|
-
layout: image/
|
493
|
-
playlist:
|
494
|
-
swiper_classes:
|
451
|
+
id: thumb_slider_top
|
452
|
+
layout: image/thumbs
|
453
|
+
playlist: free_animal
|
454
|
+
swiper_classes: false
|
495
455
|
container_classes: false
|
496
|
-
wrapper_styles:
|
456
|
+
wrapper_styles: false
|
497
457
|
|
498
458
|
# ------------------------------------------------------------------------
|
499
459
|
# CAPTION Options
|
@@ -508,64 +468,39 @@ settings:
|
|
508
468
|
# ------------------------------------------------------------------------
|
509
469
|
#
|
510
470
|
parameters:
|
511
|
-
|
512
|
-
slidesPerView: 1.5
|
513
|
-
loop: true
|
514
|
-
|
515
|
-
loopAdditionalSlides: 1
|
516
|
-
centeredSlides: true
|
517
|
-
grabCursor: true
|
518
|
-
breakpoints: {
|
519
|
-
480: {
|
520
|
-
slidesPerView: 2,
|
521
|
-
panoramaEffect: {
|
522
|
-
rotate: 35,
|
523
|
-
depth: 150,
|
524
|
-
},
|
525
|
-
},
|
526
|
-
640: {
|
527
|
-
slidesPerView: 3,
|
528
|
-
panoramaEffect: {
|
529
|
-
rotate: 30,
|
530
|
-
depth: 150,
|
531
|
-
},
|
532
|
-
},
|
533
|
-
1024: {
|
534
|
-
slidesPerView: 4,
|
535
|
-
panoramaEffect: {
|
536
|
-
rotate: 30,
|
537
|
-
depth: 200,
|
538
|
-
},
|
539
|
-
},
|
540
|
-
1200: {
|
541
|
-
slidesPerView: 4,
|
542
|
-
panoramaEffect: {
|
543
|
-
rotate: 25,
|
544
|
-
depth: 250,
|
545
|
-
},
|
546
|
-
}
|
547
|
-
}
|
471
|
+
direction: horizontal
|
548
472
|
|
549
473
|
# ------------------------------------------------------------------------
|
550
474
|
# MODULE Options
|
551
475
|
# ------------------------------------------------------------------------
|
552
476
|
#
|
553
477
|
module_settings:
|
554
|
-
|
555
|
-
|
556
|
-
|
557
|
-
|
558
|
-
|
478
|
+
pagination:
|
479
|
+
enabled: true
|
480
|
+
nunbered: true
|
481
|
+
thumbs:
|
482
|
+
swiper_id: thumb_slider_top
|
483
|
+
speed: 1000
|
484
|
+
grabCursor: true
|
485
|
+
loop: true
|
486
|
+
placement: top
|
487
|
+
spaceBetween: 5
|
488
|
+
slidesPerView: 3
|
559
489
|
|
560
490
|
# ------------------------------------------------------------------------
|
561
491
|
# EVENT Options
|
562
492
|
# ------------------------------------------------------------------------
|
563
493
|
#
|
564
494
|
events:
|
565
|
-
enabled: false
|
495
|
+
enabled: false
|
496
|
+
init: >
|
497
|
+
function (swiper) { var slideHeight = 550; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
|
498
|
+
slideChangeTransitionStart: >
|
499
|
+
function (swiper) { thumbSlider.slideTo(swiper.activeIndex); }
|
566
500
|
|
567
501
|
# ------------------------------------------------------------------------
|
568
|
-
# LIGHTBOX
|
502
|
+
# LIGHTBOX options
|
503
|
+
# ------------------------------------------------------------------------
|
569
504
|
#
|
570
505
|
lightbox:
|
571
506
|
|
@@ -581,6 +516,7 @@ settings:
|
|
581
516
|
#
|
582
517
|
captions:
|
583
518
|
enabled: true
|
519
|
+
|
584
520
|
css_class: pswp-caption-content
|
585
521
|
|
586
522
|
# ----------------------------------------------------------------------
|
@@ -591,9 +527,7 @@ settings:
|
|
591
527
|
children: a
|
592
528
|
bgOpacity: 1
|
593
529
|
showHideOpacity: true
|
594
|
-
loop: true
|
595
|
-
effect: fade
|
596
|
-
fadeEffect: { crossFade: true }
|
530
|
+
loop: true
|
597
531
|
wheelToZoom: true
|
598
532
|
showHideAnimationType: zoom
|
599
533
|
imageClickAction: next
|
@@ -648,11 +582,7 @@ settings:
|
|
648
582
|
# ------------------------------------------------------------------------
|
649
583
|
#
|
650
584
|
parameters:
|
651
|
-
|
652
|
-
# slidesPerView: 1.3 # slidesPerView NOT supported by EffectNeighbor
|
653
|
-
loop: true
|
654
|
-
loopAdditionalSlides: 1
|
655
|
-
centeredSlides: true
|
585
|
+
direction: horizontal
|
656
586
|
grabCursor: true
|
657
587
|
|
658
588
|
# ------------------------------------------------------------------------
|
@@ -660,11 +590,12 @@ settings:
|
|
660
590
|
# ------------------------------------------------------------------------
|
661
591
|
#
|
662
592
|
module_settings:
|
663
|
-
modules: [ LayoutNeighbor ]
|
664
593
|
neighbor:
|
665
|
-
|
666
|
-
speed: 800
|
594
|
+
centeredSlides: true
|
667
595
|
loop: true
|
596
|
+
loopAdditionalSlides: 1
|
597
|
+
speed: 800
|
598
|
+
swiper_id: neighbor_slider
|
668
599
|
|
669
600
|
# ------------------------------------------------------------------------
|
670
601
|
# EVENT Options
|
@@ -725,8 +656,9 @@ settings:
|
|
725
656
|
kbd_controls:
|
726
657
|
escKey: true
|
727
658
|
|
728
|
-
|
729
|
-
|
659
|
+
# --------------------------------------------------------------------------
|
660
|
+
|
661
|
+
# IMAGE Swiper|Layout Panorama
|
730
662
|
# --------------------------------------------------------------------------
|
731
663
|
#
|
732
664
|
- swiper:
|
@@ -734,14 +666,14 @@ settings:
|
|
734
666
|
# ------------------------------------------------------------------------
|
735
667
|
# GENERAL Options
|
736
668
|
# ------------------------------------------------------------------------
|
737
|
-
#
|
669
|
+
#
|
738
670
|
enabled: true
|
739
|
-
id:
|
740
|
-
layout: image/
|
741
|
-
playlist:
|
742
|
-
swiper_classes:
|
671
|
+
id: swiper_image_panorama
|
672
|
+
layout: image/panorama
|
673
|
+
playlist: panorama
|
674
|
+
swiper_classes: panorama-slider
|
743
675
|
container_classes: false
|
744
|
-
wrapper_styles:
|
676
|
+
wrapper_styles: "height: 240px; padding: 14px 0;"
|
745
677
|
|
746
678
|
# ------------------------------------------------------------------------
|
747
679
|
# CAPTION Options
|
@@ -756,24 +688,58 @@ settings:
|
|
756
688
|
# ------------------------------------------------------------------------
|
757
689
|
#
|
758
690
|
parameters:
|
759
|
-
|
760
|
-
|
691
|
+
centeredSlides: true
|
692
|
+
effect: panorama
|
693
|
+
grabCursor: true
|
694
|
+
loop: true
|
695
|
+
# loopAdditionalSlides: 1
|
696
|
+
# slidesPerView: 1.5
|
697
|
+
|
698
|
+
breakpoints: {
|
699
|
+
480: {
|
700
|
+
slidesPerView: 2,
|
701
|
+
panoramaEffect: {
|
702
|
+
rotate: 35,
|
703
|
+
depth: 150,
|
704
|
+
},
|
705
|
+
},
|
706
|
+
640: {
|
707
|
+
slidesPerView: 3,
|
708
|
+
panoramaEffect: {
|
709
|
+
rotate: 30,
|
710
|
+
depth: 150,
|
711
|
+
},
|
712
|
+
},
|
713
|
+
1024: {
|
714
|
+
slidesPerView: 4,
|
715
|
+
panoramaEffect: {
|
716
|
+
rotate: 30,
|
717
|
+
depth: 200,
|
718
|
+
},
|
719
|
+
},
|
720
|
+
1200: {
|
721
|
+
slidesPerView: 4,
|
722
|
+
panoramaEffect: {
|
723
|
+
rotate: 25,
|
724
|
+
depth: 250,
|
725
|
+
},
|
726
|
+
}
|
727
|
+
}
|
761
728
|
|
762
729
|
# ------------------------------------------------------------------------
|
763
730
|
# MODULE Options
|
764
731
|
# ------------------------------------------------------------------------
|
765
732
|
#
|
766
733
|
module_settings:
|
767
|
-
|
768
|
-
|
769
|
-
|
770
|
-
|
771
|
-
|
772
|
-
|
773
|
-
|
774
|
-
|
775
|
-
|
776
|
-
slidesPerView: 3
|
734
|
+
panorama:
|
735
|
+
on_click: next # false | next
|
736
|
+
depth: 200
|
737
|
+
rotate: 30
|
738
|
+
pagination:
|
739
|
+
type: bullets
|
740
|
+
el: .swiper-pagination-outer
|
741
|
+
dynamicBullets: false
|
742
|
+
clickable: true
|
777
743
|
|
778
744
|
# ------------------------------------------------------------------------
|
779
745
|
# EVENT Options
|
@@ -781,14 +747,9 @@ settings:
|
|
781
747
|
#
|
782
748
|
events:
|
783
749
|
enabled: false
|
784
|
-
# init: >
|
785
|
-
# function (swiper) { var slideHeight = 550; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
|
786
|
-
# slideChangeTransitionStart: >
|
787
|
-
# function (swiper) { thumbSlider.slideTo(swiper.activeIndex); }
|
788
750
|
|
789
751
|
# ------------------------------------------------------------------------
|
790
|
-
# LIGHTBOX
|
791
|
-
# ------------------------------------------------------------------------
|
752
|
+
# LIGHTBOX Options
|
792
753
|
#
|
793
754
|
lightbox:
|
794
755
|
|
@@ -804,7 +765,6 @@ settings:
|
|
804
765
|
#
|
805
766
|
captions:
|
806
767
|
enabled: true
|
807
|
-
|
808
768
|
css_class: pswp-caption-content
|
809
769
|
|
810
770
|
# ----------------------------------------------------------------------
|
@@ -815,7 +775,9 @@ settings:
|
|
815
775
|
children: a
|
816
776
|
bgOpacity: 1
|
817
777
|
showHideOpacity: true
|
818
|
-
loop: true
|
778
|
+
loop: true
|
779
|
+
effect: fade
|
780
|
+
fadeEffect: { crossFade: true }
|
819
781
|
wheelToZoom: true
|
820
782
|
showHideAnimationType: zoom
|
821
783
|
imageClickAction: next
|
@@ -839,6 +801,178 @@ settings:
|
|
839
801
|
kbd_controls:
|
840
802
|
escKey: true
|
841
803
|
|
804
|
+
# IMAGE Swiper|Layout Stacked (old)
|
805
|
+
# --------------------------------------------------------------------------
|
806
|
+
#
|
807
|
+
- swiper:
|
808
|
+
|
809
|
+
# ------------------------------------------------------------------------
|
810
|
+
# GENERAL Options
|
811
|
+
# ------------------------------------------------------------------------
|
812
|
+
#
|
813
|
+
enabled: false
|
814
|
+
id: swiper_image_stacked
|
815
|
+
layout: image/stacked
|
816
|
+
playlist: game_posters
|
817
|
+
swiper_classes: stacked-slider
|
818
|
+
container_classes: false
|
819
|
+
wrapper_styles: false
|
820
|
+
|
821
|
+
# ------------------------------------------------------------------------
|
822
|
+
# CAPTION Options
|
823
|
+
# ------------------------------------------------------------------------
|
824
|
+
#
|
825
|
+
captions:
|
826
|
+
enabled: false
|
827
|
+
css_class: swp-caption-content
|
828
|
+
|
829
|
+
# ------------------------------------------------------------------------
|
830
|
+
# CORE Options
|
831
|
+
# ------------------------------------------------------------------------
|
832
|
+
#
|
833
|
+
parameters:
|
834
|
+
grabCursor: true
|
835
|
+
loop: false
|
836
|
+
speed: 600
|
837
|
+
|
838
|
+
# ------------------------------------------------------------------------
|
839
|
+
# MODULE Options
|
840
|
+
# ------------------------------------------------------------------------
|
841
|
+
#
|
842
|
+
module_settings:
|
843
|
+
creativeEffect:
|
844
|
+
enabled: true
|
845
|
+
limitProgress: 3
|
846
|
+
perspective: true
|
847
|
+
shadowPerProgress: true
|
848
|
+
prev:
|
849
|
+
shadow: true
|
850
|
+
# set `translateX(-15%)` and translateZ(-200)` on PREVIOUS slides
|
851
|
+
translate: [ '-15%', 0, -200 ]
|
852
|
+
next:
|
853
|
+
# set `translateX to calcNextOffset on NEXT slides
|
854
|
+
translate: [ calcNextOffset(), 0, 0 ]
|
855
|
+
pagination:
|
856
|
+
clickable: true
|
857
|
+
dynamicBullets: false
|
858
|
+
el: .swiper-pagination-inner
|
859
|
+
type: bullets
|
860
|
+
parallax:
|
861
|
+
enabled: true
|
862
|
+
parallax_data_elements: [ data-swiper-parallax-scale="1.1" ]
|
863
|
+
stacked:
|
864
|
+
effect: creative
|
865
|
+
swiper_id: swiper_image_stacked
|
866
|
+
resistanceRatio: 0
|
867
|
+
|
868
|
+
# ------------------------------------------------------------------------
|
869
|
+
# EVENT Options
|
870
|
+
# ------------------------------------------------------------------------
|
871
|
+
#
|
872
|
+
events:
|
873
|
+
enabled: true
|
874
|
+
init: >
|
875
|
+
function (swiper) { var slideHeight = 600; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
|
876
|
+
reachEnd: >
|
877
|
+
function (swiper) { onLastSlide(swiper) }
|
878
|
+
|
879
|
+
# ------------------------------------------------------------------------
|
880
|
+
# LIGHTBOX Options
|
881
|
+
#
|
882
|
+
lightbox:
|
883
|
+
|
884
|
+
# ----------------------------------------------------------------------
|
885
|
+
# GENERAL Options
|
886
|
+
# ----------------------------------------------------------------------
|
887
|
+
#
|
888
|
+
enabled: false
|
889
|
+
|
890
|
+
|
891
|
+
# IMAGE Swiper|Layout Stacked (new)
|
892
|
+
# --------------------------------------------------------------------------
|
893
|
+
#
|
894
|
+
- swiper:
|
895
|
+
|
896
|
+
# ------------------------------------------------------------------------
|
897
|
+
# GENERAL Options
|
898
|
+
# ------------------------------------------------------------------------
|
899
|
+
#
|
900
|
+
enabled: true
|
901
|
+
id: swiper_image_stacked
|
902
|
+
layout: image/stacked
|
903
|
+
playlist: game_posters
|
904
|
+
swiper_classes: stacked-slider
|
905
|
+
container_classes: false
|
906
|
+
wrapper_styles: false
|
907
|
+
|
908
|
+
# ------------------------------------------------------------------------
|
909
|
+
# CAPTION Options
|
910
|
+
# ------------------------------------------------------------------------
|
911
|
+
#
|
912
|
+
captions:
|
913
|
+
enabled: false
|
914
|
+
css_class: swp-caption-content
|
915
|
+
|
916
|
+
# ------------------------------------------------------------------------
|
917
|
+
# CORE Options
|
918
|
+
# ------------------------------------------------------------------------
|
919
|
+
#
|
920
|
+
parameters:
|
921
|
+
grabCursor: true
|
922
|
+
loop: false
|
923
|
+
speed: 600
|
924
|
+
|
925
|
+
# ------------------------------------------------------------------------
|
926
|
+
# MODULE Options
|
927
|
+
# ------------------------------------------------------------------------
|
928
|
+
#
|
929
|
+
module_settings:
|
930
|
+
creativeEffect:
|
931
|
+
enabled: true
|
932
|
+
limitProgress: 3
|
933
|
+
perspective: true
|
934
|
+
shadowPerProgress: true
|
935
|
+
prev:
|
936
|
+
shadow: true
|
937
|
+
# set `translateX(-15%)` and translateZ(-200)` on PREVIOUS slides
|
938
|
+
translate: [ '-15%', 0, -200 ]
|
939
|
+
next:
|
940
|
+
# set `translateX to calcNextOffset on NEXT slides
|
941
|
+
translate: [ calcNextOffset(), 0, 0 ]
|
942
|
+
pagination:
|
943
|
+
clickable: true
|
944
|
+
dynamicBullets: false
|
945
|
+
el: .swiper-pagination-inner
|
946
|
+
type: bullets
|
947
|
+
parallax:
|
948
|
+
enabled: true
|
949
|
+
parallax_data_elements: [ data-swiper-parallax-scale="1.1" ]
|
950
|
+
stacked:
|
951
|
+
effect: creative
|
952
|
+
swiper_id: swiper_image_stacked
|
953
|
+
resistanceRatio: 0
|
954
|
+
|
955
|
+
# ------------------------------------------------------------------------
|
956
|
+
# EVENT Options
|
957
|
+
# ------------------------------------------------------------------------
|
958
|
+
#
|
959
|
+
events:
|
960
|
+
enabled: true
|
961
|
+
init: >
|
962
|
+
function (swiper) { var slideHeight = 600; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
|
963
|
+
reachEnd: >
|
964
|
+
function (swiper) { onLastSlide(swiper) }
|
965
|
+
|
966
|
+
# ------------------------------------------------------------------------
|
967
|
+
# LIGHTBOX Options
|
968
|
+
#
|
969
|
+
lightbox:
|
970
|
+
|
971
|
+
# ----------------------------------------------------------------------
|
972
|
+
# GENERAL Options
|
973
|
+
# ----------------------------------------------------------------------
|
974
|
+
#
|
975
|
+
enabled: false
|
842
976
|
|
843
977
|
# --------------------------------------------------------------------------
|
844
978
|
# AUDIO Swiper
|