diff options
| author | Geo Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2024-11-25 19:44:14 +0200 |
|---|---|---|
| committer | Geo Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2024-11-25 19:44:14 +0200 |
| commit | 8c27075aea4c6e1d4f81d77f9e833c24e37eeb54 (patch) | |
| tree | 37b624c5027d9d486102f5cb7e314d05efec5bf1 /demos/index.html | |
| parent | d49fd7b4ec7b1ae18bff1d9164906004de7e467e (diff) | |
| download | slidetray-8c27075aea4c6e1d4f81d77f9e833c24e37eeb54.tar.gz slidetray-8c27075aea4c6e1d4f81d77f9e833c24e37eeb54.tar.bz2 slidetray-8c27075aea4c6e1d4f81d77f9e833c24e37eeb54.zip | |
impelement requirejs demo; introduce esm demo
Diffstat (limited to 'demos/index.html')
| -rw-r--r-- | demos/index.html | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/demos/index.html b/demos/index.html new file mode 100644 index 0000000..c561037 --- /dev/null +++ b/demos/index.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8" /> + <title>slidetray</title> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/> + <link rel="stylesheet" href="css/swiper-bundle-9.4.1.min.css"/> + </head> + <body> + <!-- Swiper --> + <div class="swiper slidetray"> + <div class="swiper-wrapper"></div> + + <!-- + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="swiper-pagination"></div> + --> + + </div> + </body> + + <script data-main="scripts/config" + src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.4.1/swiper-bundle.min.js"></script> + <script data-main="scripts/config" src="/scripts/require.min.js"></script> + + <!-- Initialize Swiper --> + <script> + require(['domready', 'presentation', 'slidetray'], function(doc, prz, slidetray) { + let presentation = slidetray.presentation(prz); + presentation.prepare().apply().show(); + }) + </script> + +</html> |