From e32aa6244489cd6431fc375630031ab0a83929eb Mon Sep 17 00:00:00 2001 From: Tony Air Date: Sun, 31 Jan 2021 19:08:55 +0700 Subject: [PATCH] IMPR: minor fixtures --- src/html/meta-lightbox.html | 168 +++++++++++++++++++----------------- src/js/app.js | 6 +- 2 files changed, 93 insertions(+), 81 deletions(-) diff --git a/src/html/meta-lightbox.html b/src/html/meta-lightbox.html index c9898f6..37c64a0 100755 --- a/src/html/meta-lightbox.html +++ b/src/html/meta-lightbox.html @@ -5,87 +5,97 @@ } -

Loading data

+
+

Loading data

-

- + Load an Image + +
+ + + Load JSON + + +
+ + Load Partial AJAX HTML
+ + + Not Found test + +

+ +

Embeds

+

+ Embed Youtube link +
+ Embed Vimeo link +
+ + Embed SoundCloud link
+ Embed Instagram +

+ +

Other

+

+ + Use [data-toggle="lightbox"] attribute to attach lightbox action and + [href] to specify URL. + +

+

+ + Use [data-gallery="YOUR_GALLERY_NAME"] to group ligthboxes with + next/prev arrows + +

+

Load an Image + Use [data-toggle="lightbox"] + [data-href] attribute to toggle lightbox + on regular elements. + Click me! +

-
- - - Load JSON - - -
- - Load Partial AJAX HTML
- - Not Found test -

- -

Embeds

-

- Embed Youtube link -
- Embed Vimeo link -
- - Embed SoundCloud link
- Embed Instagram -

- -

Other

-

- - Use [data-toggle="lightbox"] attribute to attach lightbox action and - [href] to specify URL. - -

-

- - Use [data-gallery="YOUR_GALLERY_NAME"] to group ligthboxes with - next/prev arrows - -

-

- Use [data-toggle="lightbox"] + [data-href] attribute to toggle lightbox on - regular elements. - Click me! -

+
+
diff --git a/src/js/app.js b/src/js/app.js index 6edefa0..1be4f95 100755 --- a/src/js/app.js +++ b/src/js/app.js @@ -8,8 +8,10 @@ import React from 'react'; import ReactDOM from 'react-dom'; import MetaWindow from './_window.jsx'; -const M = ReactDOM.render(, document.getElementById('App')); -ReactDOM.render(, document.getElementById('App')); +const M = ReactDOM.render( + , + document.getElementById('MetaLightboxApp'), +); // display custom HTML content manually using JS //M.setContent('ZZZZZZZZZAAAA11BBBB122');