PageSourceSearch

https://www.shadowbox-js.com/options.html

html shadowbox-js.com collected 2026-10-02 05:11:55 UTC 34,067 bytes, 362 lines download raw bytes

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&#039;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&#039;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 &raquo; Feed" href="https://www.shadowbox-js.com/feed/" />
31<link rel="alternate" type="application/rss+xml" title="Shadowbox.js &raquo; 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&#038;&#038;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>&lt;object&gt;</code> is bgcolor. &#8211; <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.