js-overlay

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

Usage no npm install needed!

<script type="module">
  import jsOverlay from 'https://cdn.skypack.dev/js-overlay';
</script>

README

Welcome to js-overlay 👋

Version License: MIT Twitter: bastakotiujwol

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

🏠 Homepage

✨ Demo

Install

npm i js-overlay

Script Tag

Dowload and include following file:

js-overlay.js

Initialization

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:'seletor/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

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator