HTML5 Add a picture gallery plugin tutorial for making full-screen responsive effects

First, installation
NPM Install Jquery-gallerybox

Ii. Methods of Use
<link rel= "stylesheet" type= "Text/css" href= "Css/gallerybox.css" >
<script src= "Js/jquery.min.js" ></script>
<script src= "Js/jquery.gallerybox.js" ></script>

Third, HTML structure



Iv. Initializing Plugins
After the page DOM element has finished loading, the picture Gallery plugin can be initialized with the Gallerybox () method.
$ ('. Gbox '). Gallerybox ();

Or, some configuration parameters are passed in during initialization.
$ ('. Gbox '). Gallerybox ({
BgColor: ' Blue ',
bgopacity:0.5,
Closetext: ' EXIT '
});

Keymob Mobile Advertising Alliance, Professional Mobile Advertising Alliance, focused on android/ios/mobile advertising. Various forms of advertising interstitial, fullscreen, banner, video and so on.

HTML5 Add a picture gallery plugin tutorial for making full-screen responsive effects