diff options
Diffstat (limited to 'esm')
| -rw-r--r-- | esm/index.html | 2 | ||||
| -rw-r--r-- | esm/scripts/presentation.js | 4 | ||||
| -rw-r--r-- | esm/scripts/slidetray.js | 12 |
3 files changed, 7 insertions, 11 deletions
diff --git a/esm/index.html b/esm/index.html index 6790705..5d10980 100644 --- a/esm/index.html +++ b/esm/index.html @@ -7,7 +7,7 @@ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.css"/> </head> <body> - <!-- Swiper --> + <div class="swiper slidetray"> <div class="swiper-wrapper"></div> diff --git a/esm/scripts/presentation.js b/esm/scripts/presentation.js index 9f33be2..61e6afc 100644 --- a/esm/scripts/presentation.js +++ b/esm/scripts/presentation.js @@ -3,8 +3,8 @@ export default { name: 'test', title: 'some presentation title', - effect: 'none', - pagination: 'classic', + effect: 'flip', + pagination: 'dynamic', css: ` html, diff --git a/esm/scripts/slidetray.js b/esm/scripts/slidetray.js index 9091ec1..bb21aa8 100644 --- a/esm/scripts/slidetray.js +++ b/esm/scripts/slidetray.js @@ -1,10 +1,6 @@ -import Swiper from 'https://unpkg.com/swiper@11.1.15/swiper.mjs?module' - - -// import { Navigation, Pagination } from 'swiper/modules'; - -// using Swiper as global -// TODO: load Swiper via requireJS async mode +/// import Swiper from 'https://unpkg.com/swiper@11.1.15/swiper.mjs?module' +/// import { Navigation, Pagination } from 'https://unpkg.com/swiper@11.1.15/swiper-bundle.mjs?module'; +import Swiper from 'https://unpkg.com/swiper@11.1.15/swiper-bundle.mjs?module'; const slidetray = (setup) => { @@ -141,7 +137,7 @@ const slidetray = (setup) => { }, show: function() { - SwiperCore.use([Navigation, Pagination, Scrollbar]); + console.log('initer', this.presentation.initer); var swp = new Swiper(this.setup.selector, this.presentation.initer); this.swiper = swp; return this; |