diff options
| author | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2024-11-24 23:45:38 +0200 |
|---|---|---|
| committer | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2024-11-24 23:45:38 +0200 |
| commit | aa66a977a2dd63bb3b6255a018bbfe720b4ce2b4 (patch) | |
| tree | 30d9863e37c58a7337f4042f6ec1634175d60b14 /demos/simple-presentation.html | |
| parent | 3d39ede6aa1d4e306ce44b816e3c082e4570abc7 (diff) | |
| download | slidetray-aa66a977a2dd63bb3b6255a018bbfe720b4ce2b4.tar.gz slidetray-aa66a977a2dd63bb3b6255a018bbfe720b4ce2b4.tar.bz2 slidetray-aa66a977a2dd63bb3b6255a018bbfe720b4ce2b4.zip | |
implement badic presentation builder function
Diffstat (limited to 'demos/simple-presentation.html')
| -rw-r--r-- | demos/simple-presentation.html | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/demos/simple-presentation.html b/demos/simple-presentation.html new file mode 100644 index 0000000..8ddfcfb --- /dev/null +++ b/demos/simple-presentation.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8" /> + <title>Swiper demo</title> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/> + + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> + <link rel="stylesheet" href="/css/easy-presentation.css"/> + </head> + <body> + <!-- Swiper --> + <div class="swiper mySwiper"> + <div class="swiper-wrapper"></div> + <!-- + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + <div class="swiper-pagination"></div> + --> + </div> + + <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> + <script src="/presentation-factory.js"></script> + + <!-- Initialize Swiper --> + <script> + let setup = { + // presentaion setup json + }; + let presentation = new presentationFactory(setup); + presentation.show(); // == .prepareCSS().prepareHTML().render() + </script> + </body> +</html> |