|
@@ -16,29 +16,36 @@ $settings = get_settings();
|
|
|
<link rel="stylesheet" href="../../assets/css/styles.css">
|
|
|
<script src="../../../../../dist/js/splide.js"></script>
|
|
|
|
|
|
+ <style>
|
|
|
+ .splide__slide img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
|
|
<script>
|
|
|
document.addEventListener( 'DOMContentLoaded', function () {
|
|
|
var splide = new Splide( '#splide01', {
|
|
|
- width : 400,
|
|
|
- type : 'loop',
|
|
|
- perPage : 2,
|
|
|
- padding : '3rem',
|
|
|
- gap : 5,
|
|
|
- direction : 'ttb',
|
|
|
- height : '90vh',
|
|
|
- cover : true,
|
|
|
- // wheel : true,
|
|
|
- waitForTransition: false,
|
|
|
- releaseWheel: true,
|
|
|
- wheel: true,
|
|
|
- wheelSleep: 500,
|
|
|
+ width : 400,
|
|
|
+ type : 'loop',
|
|
|
+ perPage : 2,
|
|
|
+ padding : '3rem',
|
|
|
+ gap : 5,
|
|
|
+ direction : 'ttb',
|
|
|
+ height : '90vh',
|
|
|
+ waitForTransition: false,
|
|
|
+ // releaseWheel : true,
|
|
|
+ // releaseTouch : true,
|
|
|
+ wheel : 'free',
|
|
|
+ wheelSleep : 200,
|
|
|
} );
|
|
|
|
|
|
splide.mount();
|
|
|
} );
|
|
|
</script>
|
|
|
</head>
|
|
|
-<body>
|
|
|
+<body style="padding: 50vh 0">
|
|
|
|
|
|
<?php render(); ?>
|
|
|
|