Get started with jquery.colorbox CDN

MIT licensed

JQuery ColorBox: Displays images, videos, HTML in modal dialogs. Versatile lightbox solution.

Tags:
  • modal
  • lightbox
  • gallery
  • popup
  • ui
  • jquery-plugin

Stable version

Copied!

How to start using jquery.colorbox CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with jquery.colorbox CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/colorbox/1.6.4/colorbox.min.css" />
</head>
<body>
  <button id="colorbox-example">Open ColorBox</button>
  <script src="https://cdn.cdnhub.io/jquery.colorbox/1.6.4/jquery.colorbox-min.js"></script>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      // ColorBox initialization
      $('button#colorbox-example').colorbox({iframe:true, width:"80%", height:"80%"});
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions