tonyair/meta-lightbox
1
0
Fork 0
mirror of https://github.com/a2nt/meta-lightbox.git synced 2024-10-22 15:05:53 +00:00
Code Issues Projects Releases Wiki Activity

IMPR: minor fixtures

Browse Source
This commit is contained in:
Tony Air 2021-01-31 19:08:55 +07:00
parent 4bd702c753
commit e32aa62444
2 changed files with 93 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/html/meta-lightbox.html
View File

@ -5,6 +5,7 @@
} }
</style> </style>
<div id="MetaLightboxContainer">
<h2>Loading data</h2> <h2>Loading data</h2>
<p> <p>
@ -27,7 +28,9 @@
Load Partial AJAX HTML </a Load Partial AJAX HTML </a
><br /> ><br />
<a href="../src/not-found.html" data-toggle="lightbox"> Not Found test </a> <a href="../src/not-found.html" data-toggle="lightbox">
Not Found test
</a>
</p> </p>
<h2>Embeds</h2> <h2>Embeds</h2>
@ -63,7 +66,11 @@
<h2>Other</h2> <h2>Other</h2>
<p> <p>
<a href="../src/img/photo2.jpg" data-toggle="lightbox" data-gallery="demo"> <a
href="../src/img/photo2.jpg"
data-toggle="lightbox"
data-gallery="demo"
>
Use [data-toggle="lightbox"] attribute to attach lightbox action and Use [data-toggle="lightbox"] attribute to attach lightbox action and
[href] to specify URL. [href] to specify URL.
</a> </a>
@ -85,7 +92,10 @@
data-gallery="demo" data-gallery="demo"
data-title="Yes you can link vimeo and youtube videos as long as AJAX content" data-title="Yes you can link vimeo and youtube videos as long as AJAX content"
> >
Use [data-toggle="lightbox"] + [data-href] attribute to toggle lightbox on Use [data-toggle="lightbox"] + [data-href] attribute to toggle lightbox
regular elements. on regular elements.
<b>Click me!</b> <b>Click me!</b>
</p> </p>
<div id="MetaLightboxApp"></div>
</div>

6
src/js/app.js
View File

@ -8,8 +8,10 @@ import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import MetaWindow from './_window.jsx'; import MetaWindow from './_window.jsx';
const M = ReactDOM.render(<MetaWindow />, document.getElementById('App')); const M = ReactDOM.render(
ReactDOM.render(<MetaWindow />, document.getElementById('App')); <MetaWindow />,
document.getElementById('MetaLightboxApp'),
);
// display custom HTML content manually using JS // display custom HTML content manually using JS
//M.setContent('<b>ZZZZZZZZZAAAA11<a href="/">BBBB</a>122</b>'); //M.setContent('<b>ZZZZZZZZZAAAA11<a href="/">BBBB</a>122</b>');