New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

bs5-lightbox

Package Overview
Dependencies
Maintainers
1
Versions
51
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bs5-lightbox - npm Package Compare versions

Comparing version 1.6.0 to 1.6.1

6

package.json
{
"name": "bs5-lightbox",
"version": "1.6.0",
"version": "1.6.1",
"author": {

@@ -11,3 +11,3 @@ "name": "Travis Aaron Wagner",

},
"description": "A vanilla JS lightbox gallery plugin for Bootstrap 5 based on the modal and carousel plugins",
"description": "A pure JS lightbox gallery plugin for Bootstrap 5 based on the modal and carousel plugins",
"homepage": "https://github.com/trvswgnr/bs5-lightbox",

@@ -22,3 +22,3 @@ "keywords": [

"license": "MIT",
"main": "./dist/index",
"main": "./dist/index.js",
"repository": {

@@ -25,0 +25,0 @@ "type": "git",

@@ -14,2 +14,10 @@ # Lightbox for Bootstrap 5

##### CDN:
```html
<script src="https://cdn.jsdelivr.net/npm/bs5-lightbox@1.6.0/dist/index.js"></script>
```
Or [download the file directly](https://raw.githubusercontent.com/trvswgnr/bs5-lightbox/main/dist/index.js) (right-click, Save As...)
Lightbox for Bootstrap 5 will automatically initialize on import:

@@ -25,14 +33,12 @@ ```js

const lightbox = new Lightbox('.my-lightbox-toggle')
document.querySelectorAll('.my-lightbox-toggle').forEach((el) => el.addEventListener('click', (e) => {
e.preventDefault();
const lightbox = new Lightbox(el);
lightbox.show();
}));
```
If you only want the `Lightbox` class without automatic initialization, import the module instead:
```js
import Lightbox from 'bs5-lightbox.esm'
const lightbox = new Lightbox('.my-lightbox-toggle')
```
## Contributing
Modify the bs5-lightbox.esm.js file and create a pull request.
Lightbox for Bootstrap 5 is written in TypeScript and compiled to pure JavaScript.
Modify the index.esm.ts file, run `npm run build` and create a pull request.

@@ -39,0 +45,0 @@ You can help make this project even better and keep it up to date by making a small contribution! [Fund this project](https://github.com/sponsors/trvswgnr).

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc