https://github.com/ujw0l/js-overlay

JS library that lets user to view image gallery, content, iframe content and ajax content in modal box
https://github.com/ujw0l/js-overlay

ajax iframe image-gallery js-library js-overlay modal vanilla-js

Last synced: 11 days ago
JSON representation

JS library that lets user to view image gallery, content, iframe content and ajax content in modal box

• Host: GitHub
• URL: https://github.com/ujw0l/js-overlay
• Owner: ujw0l
• Created: 2020-09-01T13:25:10.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-05-23T03:16:02.000Z (over 1 year ago)
• Last Synced: 2024-11-24T16:46:47.589Z (29 days ago)
• Topics: ajax, iframe, image-gallery, js-library, js-overlay, modal, vanilla-js
• Language: JavaScript
• Homepage: https://ujw0l.github.io/js-overlay1
• Size: 31.3 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Welcome to js-overlay 👋



  

    

  

  

    

  

  

    

  



> JS library that lets user to view image gallery, content, iframe content and ajax content in modal box

### 🏠 [Homepage](https://ujw0l.github.io/js-overlay)

### ✨ [Demo](https://ujw0l.github.io/js-overlay1)

## Install

```sh

npm i js-overlay

```

## Script Tag 

```sh

Download and include file

or 

```

## Initialization 

```sh

const overlay =  new jsOverlay();

For Content viewer 

overlay.createOverlay({ 

  elContent:'String', (String, content to be loaded in modal)

  containerHt: Number, (Number, Modal height.Default 500)

  containerWd: Number, (Number, Modal Width.Default 650)

  })

For Image viewer 

overlay.createOverlay({ 

  imgGallery:'Selector/s', (String, parent container selector/s of Image/s)

  containerHt: Number, (Number, Modal height.Default 500)

  containerWd: Number, (Number, Modal Width.Default 650)

  })

For Iframe viewer 

overlay.createOverlay({ 

  iframeUrl:'String', (String,  URL of page to be loaded)

  containerHt: Number, (Number, Modal height.Default 500)

  containerWd: Number, (Number, Modal Width.Default 650)

  })

For AJAX viewer 

overlay.createOverlay({ 

  ajaxUrl: 'String',(String, Url Where data to be sent and get reponse from ) 

  ajaxData: 'String',(String, Data to be sent to server) 

  ajaxMethod: 'String': (String,  GET or POSt method, default GET )

  containerHt: Number, (Number, Modal height.Default 500)

  containerWd: Number, (Number, Modal Width.Default 650)

  })  

```

## Author

👤 **UjW0L**

* Website: http://ujw0l.github.io

* Twitter: [@bastakotiujwol](https://twitter.com/bastakotiujwol)

* Github: [@UjW0L](https://github.com/UjW0L)

* LinkedIn: [@ujwol-bastakoti-2453a4169](https://linkedin.com/in/ujwol-bastakoti-2453a4169)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check [issues page](https://github.com/ujw0l/js-overlay/issues). 

## Show your support

Give a ⭐️ if this project helped you!







  







 🍺 





***