diff --git a/package.json b/package.json index 203fa10..aca8e73 100644 --- a/package.json +++ b/package.json @@ -66,6 +66,7 @@ "extract-text-webpack-plugin": "^4.0.0-beta.0", "favicons-webpack-plugin": "^1.0.2", "file-loader": "^1.1.5", + "html-loader": "^0.5.5", "html-webpack-plugin": "^4.0.0-beta.8", "lost": "^8.3.1", "material-design-color": "^2.3.2", diff --git a/src/html/meta-lightbox.html b/src/html/meta-lightbox.html new file mode 100644 index 0000000..be29dcc --- /dev/null +++ b/src/html/meta-lightbox.html @@ -0,0 +1,21 @@ +

+ Click me to start +

+

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

+

+ + Use data-lightbox-gallery="YOUR_GALLERY_NAME" to group ligthboxes and use next/prev arrows + +

+

+ You can use data-href attribute to specify link and attach lightbox to another element +

\ No newline at end of file diff --git a/src/index.html b/src/index.html index 5525244..2caa488 100644 --- a/src/index.html +++ b/src/index.html @@ -20,27 +20,7 @@

Meta-lightbox Demo

-

- Click me to start -

-

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

-

- - Use data-lightbox-gallery="YOUR_GALLERY_NAME" to group ligthboxes and use next/prev arrows - -

-

- You can use data-href attribute to specify link and attach lightbox to another element -

+ <%= require('html-loader!./html/meta-lightbox.html') %>

Note: You can add jquery-zoom plugin and lighbox will zoom photos on hover.