1<!DOCTYPE html> 2<!--[if lte IE 9]><html class="no-js IE9 IE" lang="en-US"><![endif]--> 3<!--[if gt IE 9]><!--><html class="no-js" lang="en-US"><!--<![endif]--> 4 <head> 5 <meta charset="UTF-8" /> 6 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 7 <link rel="dns-prefetch" href="//fonts.googleapis.com" /> 8
8<script type="text/javascript"> 9 /* <![CDATA[ */ 10 document.documentElement.className = document.documentElement.className.replace(new RegExp('(^|\\s)no-js(\\s|$)'), '$1js$2'); 11 /* ]]> */ 12 </script>
12 13 14 15 <title>List of Options in Shadowbox.js</title> 16 <meta name="description" content="Look at the table and find out the short list of common options can be used for configuration of the Shadowbox.js plugin for user's website" /> 17 <link rel="canonical" href="https://www.shadowbox-js.com/options.html" /> 18 <meta property="og:locale" content="en_US" /> 19 <meta property="og:type" content="article" /> 20 <meta property="og:title" content="List of Options in Shadowbox.js" /> 21 <meta property="og:description" content="Look at the table and find out the short list of common options can be used for configuration of the Shadowbox.js plugin for user's website" /> 22 <meta property="og:url" content="https://www.shadowbox-js.com/options.html" /> 23 <meta property="og:site_name" content="Shadowbox.js" /> 24 <meta property="article:modified_time" content="2018-11-26T15:00:59+00:00" /> 25 <meta name="twitter:card" content="summary_large_image" /> 26
26<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.shadowbox-js.com/options.html","url":"https://www.shadowbox-js.com/options.html","name":"List of Options in Shadowbox.js","isPartOf":{"@id":"https://www.shadowbox-js.com/#website"},"datePublished":"2017-08-13T22:54:38+00:00","dateModified":"2018-11-26T15:00:59+00:00","description":"Look at the table and find out the short list of common options can be used for configuration of the Shadowbox.js plugin for user's website","breadcrumb":{"@id":"https://www.shadowbox-js.com/options.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.shadowbox-js.com/options.html"]}]},{"@type":"BreadcrumbList","@id":"https://www.shadowbox-js.com/options.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.shadowbox-js.com/"},{"@type":"ListItem","position":2,"name":"Options"}]},{"@type":"WebSite","@id":"https://www.shadowbox-js.com/#website","url":"https://www.shadowbox-js.com/","name":"Shadowbox.js","description":"","publisher":{"@id":"https://www.shadowbox-js.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.shadowbox-js.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.shadowbox-js.com/#organization","name":"Shadowbox.js","url":"https://www.shadowbox-js.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.shadowbox-js.com/#/schema/logo/image/","url":"https://www.shadowbox-js.com/wp-content/uploads/2017/08/logo.gif","contentUrl":"https://www.shadowbox-js.com/wp-content/uploads/2017/08/logo.gif","width":249,"height":36,"caption":"Shadowbox.js"},"image":{"@id":"https://www.shadowbox-js.com/#/schema/logo/image/"}}]}</script>
26 27 28 29 30<link rel="alternate" type="application/rss+xml" title="Shadowbox.js » Feed" href="https://www.shadowbox-js.com/feed/" /> 31<link rel="alternate" type="application/rss+xml" title="Shadowbox.js » Comments Feed" href="https://www.shadowbox-js.com/comments/feed/" /> 32<style id="wp-img-auto-sizes-contain-inline-css"> 33img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 34/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 35</style> 36<link rel='stylesheet' id='shadowbox-css-css' href='https://www.shadowbox-js.com/wp-content/uploads/shadowbox-js/src/shadowbox.css?ver=3.0.3' media='screen' /> 37<link rel='stylesheet' id='shadowbox-extras-css' href='https://www.shadowbox-js.com/wp-content/plugins/shadowbox-js/css/extras.css?ver=3.0.3.10' media='screen' /> 38<style id="wp-block-library-inline-css"> 39:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
39--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 40 41/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 42</style> 43<style id="classic-theme-styles-inline-css"> 44/*! This file is auto-generated */ 45.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 46/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 47</style> 48 49<style id="global-styles-inline-css"> 50:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
500) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
50.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 51/*# sourceURL=global-styles-inline-css */ 52</style> 53 54<link rel='stylesheet' id='make-google-font-css' href='//fonts.googleapis.com/css?family=Open+Sans%3Aregular%2Citalic%2C700&&ver=1.8.11#038;subset=latin' media='all' /> 55<link rel='stylesheet' id='font-awesome-css' href='https://www.shadowbox-js.com/wp-content/themes/make/css/libs/font-awesome/css/font-awesome.min.css?ver=4.6.1' media='all' /> 56<link rel='stylesheet' id='make-main-css' href='https://www.shadowbox-js.com/wp-content/themes/make/style.css?ver=1.8.11' media='all' /> 57<link rel='stylesheet' id='make-print-css' href='https://www.shadowbox-js.com/wp-content/themes/make/css/print.css?ver=1.8.11' media='print' />
58<script id="jquery-core-js" src="https://www.shadowbox-js.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 58
58
59<script id="jquery-migrate-js" src="https://www.shadowbox-js.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
59 60<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.shadowbox-js.com/xmlrpc.php?rsd" /> 61<meta name="generator" content="WordPress 7.1.2" /> 62<link rel='shortlink' href='https://www.shadowbox-js.com/?p=36' /> 63 <meta name="viewport" content="width=device-width, initial-scale=1" /> 64 <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><style id="custom-background-css"> 65body.custom-background { background-color: #303030; } 66</style> 67 68<!-- Begin Make Inline CSS --> 69<style type="text/css"> 70.color-secondary-text,.builder-section-banner .cycle-pager,.ttfmake-shortcode-slider .cycle-pager,.builder-section-banner .cycle-prev:before,.builder-section-banner .cycle-next:before,.ttfmake-shortcode-slider .cycle-prev:before,.ttfmake-shortcode-slider .cycle-next:before,.ttfmake-shortcode-slider .cycle-caption{color:#303030;}.color-secondary-background,blockquote.ttfmake-testimonial,tt,kbd,pre,code,samp,var,textarea,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],.ttfmake-button.color-secondary-background,button.color-secondary-background,input[type="button"].color-secondary-background,input[type="reset"].color-secondary-background,input[type="submit"].color-secondary-background,.sticky-post-label{background-color:#303030;}.color-secondary-border,table,table th,table td,.header-layout-3 .site-navigation .menu,.widget_tag_cloud a,.widget_product_tag_cloud a{border-color:#303030;}hr,hr.ttfmake-line-dashed,hr.ttfmake-line-double,blockquote.ttfmake-testimonial:after{border-top-color:#303030;}.comment-body,.post,.page,.search article.post,.search article.page,.widget li{border-bottom-color:#303030;}.color-text,body,.entry-date a,button,input,select,textarea,[class*="navigation"] .nav-previous a,[class*="navigation"] .nav-previous span,[class*="navigation"] .nav-next a,[class*="navigation"] .nav-next span{color:#ffffff;}::-webkit-input-placeholder{color:#ffffff;}:-moz-placeholder{color:#ffffff;}::-moz-placeholder{color:#ffffff;}:-ms-input-placeholder{color:#ffffff;}.site-content,body.mce-content-body{background-color:rgba(48, 48, 48, 1);}.site-header-main{background-color:rgba(48, 48, 48, 1);}.site-footer,.site-footer .social-links a{color:#ffffff;}.site-footer{background-color:rgba(0, 0, 0, 1);}div.custom-logo{background-image:url("https://www.shadowbox-js.com/wp-content/uploads/2017/08/logo.gif");width:249px;}div.custom-logo a{padding-bottom:14.457831325301%;} 71@media screen and (min-width: 800px){.site-navigation .menu .sub-menu,.site-navigation .menu .children{background-color:#303030;}} 72</style> 73<!-- End Make Inline CSS --> 74 75<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 75-76
75 76<script async src="https://www.googletagmanager.com/gtag/js?id=
76UA-108808863-1
vendor: 12 bytes, line 76
76"></script>
77<script> 78
vendor: 134 bytes, lines 78-82
78window.dataLayer = window.dataLayer || []; 79 function gtag(){dataLayer.push(arguments);} 80 gtag('js', new Date()); 81 82 gtag('config', '
82UA-108808863-1
vendor: 4 bytes, line 82
82');
83</script>
83 84 </head> 85 86 <body class="wp-singular page-template-default page page-id-36 custom-background wp-custom-logo wp-theme-make view-page full-width"> 87 <div id="site-wrapper" class="site-wrapper"> 88 <a class="skip-link screen-reader-text" href="#site-content">Skip to content</a> 89 90 91<header id="site-header" class="site-header header-layout-1 no-site-title no-site-tagline" role="banner"> 92 <div class="header-bar"> 93 <div class="container"> 94 95 96 <nav class="header-navigation" role="navigation"> 97 <div class="header-bar-menu desktop-menu"><ul id="menu-main" class="menu"><li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-67"><a href="https://www.shadowbox-js.com/">Home</a></li> 98<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="https://www.shadowbox-js.com/download.html">Download</a></li> 99<li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="https://www.shadowbox-js.com/support.html">Support</a></li> 100<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="https://www.shadowbox-js.com/usage.html">Usage</a></li> 101<li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-36 current_page_item menu-item-46"><a href="https://www.shadowbox-js.com/options.html" aria-current="page">Options</a></li> 102<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"><a href="https://www.shadowbox-js.com/api.html">API</a></li> 103<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="https://www.shadowbox-js.com/faq.html">FAQ</a></li> 104</ul></div> </nav> 105 </div> 106 </div> 107 <div class="site-header-main"> 108 <div class="container"> 109 <div class="site-branding"> 110 <a href="https://www.shadowbox-js.com/" class="custom-logo-link" rel="home"><img width="249" height="36" src="https://www.shadowbox-js.com/wp-content/uploads/2017/08/logo.gif" class="custom-logo" alt="Shadowbox.js" decoding="async" /></a> </div> 111 112 113<nav id="site-navigation" class="site-navigation" role="navigation"> 114 <span class="menu-toggle">Menu</span> 115 </nav> </div> 116 </div> 117</header> 118 <div id="site-content" class="site-content"> 119 <div class="container"> 120 121<main id="site-main" class="site-main" role="main"> 122 123 124<article id="post-36" class="post-36 page type-page status-publish hentry"> 125 <header class="entry-header"> 126 <div class="entry-meta"> 127 128</div> 129<div class="entry-meta"> 130</div> </header> 131 132 <div class="entry-content"> 133 <h1>Options in Shadowbox JS Plugin</h1> 134<p style="background: #303030; vertical-align: baseline;"><span lang="EN-US" style="font-size: 13.0pt; font-family: 'Helvetica',sans-serif; color: white;">Shadowbox uses the following properties.</span></p> 135<table cellspacing="1" cellpadding="0"> 136<thead> 137<tr> 138<th>Title</th> 139<th>Definition</th> 140</tr> 141</thead> 142<tbody> 143<tr> 144<td>animate</td> 145<td>Initial is <code>true</code>. Putting <code>false</code> will ban animations (except <a href="//www.shadowbox-js.com/options.html#animatefade">fades</a>). This option will relieve PC from bad effect, if that PC has not good performance.</td> 146</tr> 147<tr> 148<td><a name="animatefade"></a>animateFade</td> 149<td>Initial is <code>true</code>. To ban all fades put <code>false</code>.</td> 150</tr> 151<tr> 152<td><a name="animsequence"></a>animSequence</td> 153<td>Put <code>"wh"</code> (width first, then height), <code>"hw"</code> (vice verca), and <code>"sync"</code> as initial.</td> 154</tr> 155<tr> 156<td>autoplayMovies</td> 157<td>Initial <code>true</code>. Put <code>false</code>for movies that loaded automatically.</td> 158</tr> 159<tr> 160<td><a name="continuous"></a>continuous</td> 161<td>Initial itâs <code>false</code>. This option is for galleries that has a limit, like before the 1<sup>st</sup> picture and the end of the gallery. <code>true</code>will make changing pictures from the last one to the first one with âNextâ option.</td> 162</tr> 163<tr> 164<td>counterLimit</td> 165<td>Initial itâs <code>10</code>. It puts the limit of elements in a gallery if they exceed the current number in a <a href="//www.shadowbox-js.com/options.html#countertype"><strong>style counter</strong></a>.</td> 166</tr> 167<tr> 168<td><a name="countertype"></a>counterType</td> 169<td><code>"default"</code> is initial and equals to message 1 of 5. <code>"skip"</code> enables navigation.</td> 170</tr> 171<tr> 172<td>displayCounter</td> 173<td>Initial is <code>true</code>. The counter in the gallery will be hidden if to put <code>false</code>.</td> 174</tr> 175<tr> 176<td>displayNav</td> 177<td><code>true</code>is initial. Put <code>false</code> for hiding navigation in gallery.</td> 178</tr> 179<tr> 180<td>enableKeys</td> 181<td><code>true</code>is initial. Put <code>false</code> to ban keyboard on navigation.</td> 182</tr> 183<tr> 184<td>fadeDuration</td> 185<td><code>0.35</code>
185 seconds is initial duration of the fades.</td> 186</tr> 187<tr> 188<td>flashParams</td> 189<td>Default properties of  flash <code><object></code> is bgcolor. – <code>{bgcolor:"#000000"}</code>. See <a href="https://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html"><strong>this partial list</strong></a>.</td> 190</tr> 191<tr> 192<td>flashVars</td> 193<td>Flash film (<a href="https://helpx.adobe.com/flash/kb/pass-variables-swfs-flashvars.html"><strong>FlashVars</strong></a>) variables as initial <code>{}</code>.</td> 194</tr> 195<tr> 196<td>flashVersion</td> 197<td><code>"9.0.0"</code> is a initial version on flash required.</td> 198</tr> 199<tr> 200<td><a name="handleoversize"></a>handleOversize</td> 201<td>For adjusting the mode of content which is oversized. <code>"none"</code>, <code>"resize"</code>, or <code>"drag"</code>. None doesnât change dimensions and resize (default) is for customize the size. Drag is showing the initial resolution of the big images and makes it possible for user to clip. Check <a href="//www.shadowbox-js.com/#lgimage-demo"><strong>demo</strong></a> to see examples.</td> 202</tr> 203<tr> 204<td><a name="handleunsupported"></a>handleUnsupported</td> 205<td>This option helps unsupported video/images (with no plugin installed) to be displayed. It has two parameters <code>"link"</code> or <code>"remove"</code>.  The first alerts the error and <code>"link"</code>to needed plugin installation page. The second just deletes the elements that are not displayed.</td> 206</tr> 207<tr> 208<td><a name="initialheight"></a>initialHeight</td> 209<td>The pluginâs height Initial <code>160</code>pixels.</td> 210</tr> 211<tr> 212<td><a name="initialwidth"></a>initialWidth</td> 213<td>The pluginâs width Initial <code>320</code> pixels.</td> 214</tr> 215<tr> 216<td>modal</td> 217<td>Put <code>true</code>to avoid mouse clicking and not to close the plugin.</td> 218</tr> 219<tr> 220<td>onChange</td> 221<td>Itâs a hook parameter. It starts when gallery elements change.</td> 222</tr> 223<tr> 224<td>onClose</td> 225<td>The opposite parameter, it starts when the plugin.</td> 226</tr> 227<tr> 228<td>onFinish</td> 229<td>The same parameter that starts when elements finish loading.</td> 230</tr> 231<tr> 232<td>onOpen</td> 233<td>The function starts when the plugin opens. Calling <code>false</code> wonât allow plugin to open.</td> 234</tr> 235<tr> 236<td>overlayColor</td> 237<td>The modal overlay colour. <code>"#000"</code>is initial.</td> 238</tr> 239<tr> 240<td>overlayOpacity</td> 241<td>The modal overlay using opacity. <code>0.5</code> is initial.</td> 242</tr> 243<tr> 244<td>resizeDuration</td> 245<td><code>0.35</code> seconds is initial time to resize media.</td> 246</tr> 247<tr> 248<td>showOverlay</td> 249<td><code>true</code>is initial parameter of showing overlay.</td> 250</tr> 251<tr> 252<td>showMovieControls</td> 253<td><code>false</code> will ban to show the control bars in media players like.</td> 254</tr> 255<tr> 256<td>skipSetup</td> 257<td><code>true</code> calls the <code>Shadowbox.setup</code>. <code>true</code> is initial parameter.</td> 258</tr> 259<tr> 260<td>slideshowDelay</td> 261<td>The time between each element of gallery switch. Initial value is <code>0</code>.</td> 262</tr> 263<tr> 264<td>troubleElements</td> 265<td>Using modal overlay these objects can be hidden <code>["select", "object", "embed", "canvas"]</code>. After plugin closes these elements enable.</td> 266</tr> 267<tr> 268<td>viewportPadding</td> 269<td><code>20</code> is a default number of padding to suit window of the browser.</td> 270</tr> 271</tbody> 272</table> 273<p>Put these options to <code>Shadowbox.init</code> :</p> 274<p><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-243" src="//www.shadowbox-js.com/wp-content/uploads/2017/08/options.png" alt="options" width="967" height="169" srcset="https://www.shadowbox-js.com/wp-content/uploads/2017/08/options.png 967w, https://www.shadowbox-js.com/wp-content/uploads/2017/08/options-300x52.png 300w, https://www.shadowbox-js.com/wp-content/uploads/2017/08/options-768x134.png 768w" sizes="(max-width: 967px) 100vw, 967px" /></p> 275<p>Per link these options can be shown on <a href="//www.shadowbox-js.com/usage.html">the usage page</a>.</p> 276 277 </div> 278 279 <footer class="entry-footer"> 280 <div class="entry-meta"> 281 282</div> </footer> 283 </article> 284 285 286</main> 287 288 289
290 </div> 291 </div> 292 293 294<footer id="site-footer" class="site-footer footer-layout-1" role="contentinfo"> 295 <div class="container"> 296 297 298<div class="site-info"> 299 300 <div class="footer-credit"> 301Copyright © 2007-2026 302 </div> 303 </div> 304 305 </div> 306</footer> </div> 307 308
308<script type="speculationrules"> 309{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/make/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 310</script>
vendor: 1 bytes, line 310
310
311<script id="shadowbox-js" src="https://www.shadowbox-js.com/wp-content/uploads/shadowbox-js/47eb1d3361ca61b83ec5f0ea9479a715.js?ver=3.0.3"></script>
vendor: 1 bytes, line 311
311
312<script id="make-frontend-js-extra"> 313var MakeFrontEnd = {"fitvids":{"selectors":"iframe[src*='www.viddler.com'],iframe[src*='money.cnn.com'],iframe[src*='www.educreations.com'],iframe[src*='//blip.tv'],iframe[src*='//embed.ted.com'],iframe[src*='//www.hulu.com']"}}; 314//# sourceURL=make-frontend-js-extra 315</script>
vendor: 1 bytes, line 315
315
316<script id="make-frontend-js" src="https://www.shadowbox-js.com/wp-content/themes/make/js/frontend.js?ver=1.8.11"></script>
vendor: 1 bytes, line 316
316
317<script id="make-dynamic-stylesheet-js" src="https://www.shadowbox-js.com/wp-content/themes/make/js/formatting/dynamic-stylesheet/dynamic-stylesheet.js?ver=1.8.11"></script>
317 318 319<!-- Begin Shadowbox JS v3.0.3.10 --> 320<!-- Selected Players: html, iframe, img, qt, swf, wmp -->
321<script type="text/javascript"> 322/* <![CDATA[ */ 323 var shadowbox_conf = { 324 animate: true, 325 animateFade: true, 326 animSequence: "sync", 327 modal: false, 328 showOverlay: true, 329 overlayColor: "#000", 330 overlayOpacity: "0.8", 331 flashBgColor: "#000000", 332 autoplayMovies: true, 333 showMovieControls: true, 334 slideshowDelay: 0, 335 resizeDuration: "0.35", 336 fadeDuration: "0.35", 337 displayNav: true, 338 continuous: false, 339 displayCounter: true, 340 counterType: "default", 341 counterLimit: "10", 342 viewportPadding: "20", 343 handleOversize: "resize", 344 handleUnsupported: "link", 345 autoDimensions: false, 346 initialHeight: "160", 347 initialWidth: "320", 348 enableKeys: true, 349 skipSetup: false, 350 useSizzle: false, 351 flashParams: {bgcolor:"#000000", allowFullScreen:true}, 352 flashVars: {}, 353 flashVersion: "9.0.0" 354 }; 355 Shadowbox.init(shadowbox_conf); 356/* ]]> */ 357</script>
357 358<!-- End Shadowbox JS --> 359 360 361 </body> 362</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.