This is a Gallery Script that allows showing a single big image, multiple images, multiple galleries, slideshows, as a site’s background, in a “dialog” mode or as a common pop-up.<\/p>\r\n
JavaScript<\/h3>\r\n
In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code in order to include the jbGallery-2.0.js<\/strong> script and the jQuery framework: The Here script attributes define the following values:<\/p>\r\n \u2022 style: ‘centered’ \u2013 gallery style (‘ zoom’ or ‘centered’); There are three kinds of HTML structure.<\/p>\r\n 1. Below you can see general HTML script representation for ‘Minimal Menu’ kind: 2. Below you can see general HTML script representation for ‘Thumbnails – Menu With Slider’ kind:<\/p>\r\n 3. Below you can see general HTML script representation for ‘Caption’ kind:<\/p>\r\n You can find script related stylesheet in the main style.css file.<\/p>\r\n This part of style.css is specifically for ‘Thumbnails – Menu With Slider’ kind of script:<\/p>\r\n <\/p>\r\n <\/p>\r\n <\/p>","protected":false},"excerpt":{"rendered":" Live Demo This is a Gallery Script that allows showing a single big image, multiple images, multiple galleries, slideshows, as a site’s background, in a “dialog” mode or as a common pop-up. JavaScript In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code in order […]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[267,270],"tags":[499,537,813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6680"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=6680"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6680\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\r\n![\"1\"](\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_9_1.png\")
<\/p>\r\n
\r\n![\"2\"](\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_9_2.png\")
<\/p>\r\n
\r\n\u2022 menu: ‘slider’ \u2013 menu style (‘slider’ or ‘simple’ or ‘numbers’ or false);
\r\n\u2022 slideshow: false \u2013 enable slideshow (true or false);
\r\n\u2022 fade: true \u2013 enable fade effect (true or false);
\r\n\u2022 popup: false \u2013 show close button (true or false);
\r\n\u2022 caption: true \u2013 show info button in menu (true or false);
\r\n\u2022 autohide: false \u2013 autohide interface (true or false);
\r\n\u2022 clickable: false \u2013 images are clickable (true or false);
\r\n\u2022 current: 1 \u2013 set the initial photo number (true or false).<\/p>\r\nHTML<\/h3>\r\n
\r\n![\"3\"](\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_9_3.png\")
<\/p>\r\n![\"4\"](\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_9_4.png\")
<\/p>\r\n![\"5\"](\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_9_5.png\")
<\/p>\r\nCSS<\/h3>\r\n
![\"6\"](\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_9_6.png\")
<\/p>\r\n![\"7\"](\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_9_7.png\")
<\/p>\r\n