-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #43 from bugfolder/18_colorbox_path_on_admin_page
Issue #18: Use local $colorbox_path on admin page.
- Loading branch information
Showing
27 changed files
with
769 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,70 @@ | ||
/* | ||
Colorbox Core Style: | ||
The following CSS is consistent between example themes and should not be altered. | ||
*/ | ||
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} | ||
#cboxWrapper {max-width:none;} | ||
#cboxOverlay{position:fixed; width:100%; height:100%;} | ||
#cboxMiddleLeft, #cboxBottomLeft{clear:left;} | ||
#cboxContent{position:relative;} | ||
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} | ||
#cboxTitle{margin:0;} | ||
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} | ||
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} | ||
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} | ||
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} | ||
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} | ||
|
||
/* | ||
User Style: | ||
Change the following styles to modify the appearance of Colorbox. They are | ||
ordered & tabbed in a way that represents the nesting of the generated HTML. | ||
*/ | ||
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} | ||
#colorbox{outline:0;} | ||
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} | ||
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} | ||
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} | ||
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} | ||
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} | ||
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} | ||
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} | ||
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} | ||
#cboxContent{background:#fff; overflow:hidden;} | ||
.cboxIframe{background:#fff;} | ||
#cboxError{padding:50px; border:1px solid #ccc;} | ||
#cboxLoadedContent{margin-bottom:28px;} | ||
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} | ||
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} | ||
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} | ||
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} | ||
|
||
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ | ||
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } | ||
|
||
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ | ||
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} | ||
|
||
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} | ||
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} | ||
#cboxPrevious:hover{background-position:-75px -25px;} | ||
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} | ||
#cboxNext:hover{background-position:-50px -25px;} | ||
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} | ||
#cboxClose:hover{background-position:-25px -25px;} | ||
|
||
/* | ||
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill | ||
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. | ||
See: http://jacklmoore.com/notes/ie-transparency-problems/ | ||
*/ | ||
.cboxIE #cboxTopLeft, | ||
.cboxIE #cboxTopCenter, | ||
.cboxIE #cboxTopRight, | ||
.cboxIE #cboxBottomLeft, | ||
.cboxIE #cboxBottomCenter, | ||
.cboxIE #cboxBottomRight, | ||
.cboxIE #cboxMiddleLeft, | ||
.cboxIE #cboxMiddleRight { | ||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); | ||
} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,95 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset='utf-8'/> | ||
<title>Colorbox Examples</title> | ||
<style> | ||
body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;} | ||
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;} | ||
h2{font-size:13px; margin:15px 0 0 0;} | ||
</style> | ||
<link rel="stylesheet" href="colorbox.css" /> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | ||
<script src="../jquery.colorbox.js"></script> | ||
<script> | ||
$(document).ready(function(){ | ||
//Examples of how to assign the Colorbox event to elements | ||
$(".group1").colorbox({rel:'group1'}); | ||
$(".group2").colorbox({rel:'group2', transition:"fade"}); | ||
$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"}); | ||
$(".group4").colorbox({rel:'group4', slideshow:true}); | ||
$(".ajax").colorbox(); | ||
$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390}); | ||
$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409}); | ||
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); | ||
$(".inline").colorbox({inline:true, width:"50%"}); | ||
$(".callbacks").colorbox({ | ||
onOpen:function(){ alert('onOpen: colorbox is about to open'); }, | ||
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, | ||
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, | ||
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, | ||
onClosed:function(){ alert('onClosed: colorbox has completely closed'); } | ||
}); | ||
|
||
$('.non-retina').colorbox({rel:'group5', transition:'none'}) | ||
$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true}); | ||
|
||
//Example of preserving a JavaScript event for inline calls. | ||
$("#click").click(function(){ | ||
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); | ||
return false; | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
<h1>Colorbox Demonstration</h1> | ||
<h2>Elastic Transition</h2> | ||
<p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Fade Transition</h2> | ||
<p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p> | ||
<p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>No Transition + fixed width and height (75% of screen size)</h2> | ||
<p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Slideshow</h2> | ||
<p><a class="group4" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group4" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group4" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Other Content Types</h2> | ||
<p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p> | ||
<p><a class='youtube' href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a></p> | ||
<p><a class='vimeo' href="http://player.vimeo.com/video/2285902" title="Röyksopp: Remind Me">Flash / Video (Iframe/Direct Link To Vimeo)</a></p> | ||
<p><a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a></p> | ||
<p><a class='inline' href="#inline_content">Inline HTML</a></p> | ||
|
||
<h2>Demonstration of using callbacks</h2> | ||
<p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p> | ||
|
||
|
||
<h2>Retina Images</h2> | ||
<p><a class="retina" href="../content/daisy.jpg" title="Retina">Retina</a></p> | ||
<p><a class="non-retina" href="../content/daisy.jpg" title="Non-Retina">Non-Retina</a></p> | ||
|
||
<!-- This contains the hidden content for inline calls --> | ||
<div style='display:none'> | ||
<div id='inline_content' style='padding:10px; background:#fff;'> | ||
<p><strong>This content comes from a hidden element on this page.</strong></p> | ||
<p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p> | ||
<p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p> | ||
|
||
<p><strong>If you try to open a new Colorbox while it is already open, it will update itself with the new content.</strong></p> | ||
<p>Updating Content Example:<br /> | ||
<a class="ajax" href="../content/ajax.html">Click here to load new content</a></p> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
/* | ||
Colorbox Core Style: | ||
The following CSS is consistent between example themes and should not be altered. | ||
*/ | ||
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} | ||
#cboxWrapper {max-width:none;} | ||
#cboxOverlay{position:fixed; width:100%; height:100%;} | ||
#cboxMiddleLeft, #cboxBottomLeft{clear:left;} | ||
#cboxContent{position:relative;} | ||
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} | ||
#cboxTitle{margin:0;} | ||
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} | ||
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} | ||
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} | ||
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} | ||
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} | ||
|
||
/* | ||
User Style: | ||
Change the following styles to modify the appearance of Colorbox. They are | ||
ordered & tabbed in a way that represents the nesting of the generated HTML. | ||
*/ | ||
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);} | ||
#colorbox{outline:0;} | ||
#cboxContent{margin-top:32px; overflow:visible; background:#000;} | ||
.cboxIframe{background:#fff;} | ||
#cboxError{padding:50px; border:1px solid #ccc;} | ||
#cboxLoadedContent{background:#000; padding:1px;} | ||
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} | ||
#cboxLoadingOverlay{background:#000;} | ||
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;} | ||
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} | ||
|
||
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ | ||
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;} | ||
|
||
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ | ||
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} | ||
|
||
#cboxPrevious{background-position:0px 0px; right:44px;} | ||
#cboxPrevious:hover{background-position:0px -25px;} | ||
#cboxNext{background-position:-25px 0px; right:22px;} | ||
#cboxNext:hover{background-position:-25px -25px;} | ||
#cboxClose{background-position:-50px 0px; right:0;} | ||
#cboxClose:hover{background-position:-50px -25px;} | ||
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} | ||
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} | ||
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} | ||
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} | ||
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,95 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset='utf-8'/> | ||
<title>Colorbox Examples</title> | ||
<style> | ||
body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;} | ||
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;} | ||
h2{font-size:13px; margin:15px 0 0 0;} | ||
</style> | ||
<link rel="stylesheet" href="colorbox.css" /> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | ||
<script src="../jquery.colorbox.js"></script> | ||
<script> | ||
$(document).ready(function(){ | ||
//Examples of how to assign the Colorbox event to elements | ||
$(".group1").colorbox({rel:'group1'}); | ||
$(".group2").colorbox({rel:'group2', transition:"fade"}); | ||
$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"}); | ||
$(".group4").colorbox({rel:'group4', slideshow:true}); | ||
$(".ajax").colorbox(); | ||
$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390}); | ||
$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409}); | ||
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); | ||
$(".inline").colorbox({inline:true, width:"50%"}); | ||
$(".callbacks").colorbox({ | ||
onOpen:function(){ alert('onOpen: colorbox is about to open'); }, | ||
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, | ||
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, | ||
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, | ||
onClosed:function(){ alert('onClosed: colorbox has completely closed'); } | ||
}); | ||
|
||
$('.non-retina').colorbox({rel:'group5', transition:'none'}) | ||
$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true}); | ||
|
||
//Example of preserving a JavaScript event for inline calls. | ||
$("#click").click(function(){ | ||
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); | ||
return false; | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
<h1>Colorbox Demonstration</h1> | ||
<h2>Elastic Transition</h2> | ||
<p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Fade Transition</h2> | ||
<p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p> | ||
<p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>No Transition + fixed width and height (75% of screen size)</h2> | ||
<p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Slideshow</h2> | ||
<p><a class="group4" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p> | ||
<p><a class="group4" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p> | ||
<p><a class="group4" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p> | ||
|
||
<h2>Other Content Types</h2> | ||
<p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p> | ||
<p><a class='youtube' href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a></p> | ||
<p><a class='vimeo' href="http://player.vimeo.com/video/2285902" title="Röyksopp: Remind Me">Flash / Video (Iframe/Direct Link To Vimeo)</a></p> | ||
<p><a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a></p> | ||
<p><a class='inline' href="#inline_content">Inline HTML</a></p> | ||
|
||
<h2>Demonstration of using callbacks</h2> | ||
<p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p> | ||
|
||
|
||
<h2>Retina Images</h2> | ||
<p><a class="retina" href="../content/daisy.jpg" title="Retina">Retina</a></p> | ||
<p><a class="non-retina" href="../content/daisy.jpg" title="Non-Retina">Non-Retina</a></p> | ||
|
||
<!-- This contains the hidden content for inline calls --> | ||
<div style='display:none'> | ||
<div id='inline_content' style='padding:10px; background:#fff;'> | ||
<p><strong>This content comes from a hidden element on this page.</strong></p> | ||
<p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p> | ||
<p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p> | ||
|
||
<p><strong>If you try to open a new Colorbox while it is already open, it will update itself with the new content.</strong></p> | ||
<p>Updating Content Example:<br /> | ||
<a class="ajax" href="../content/ajax.html">Click here to load new content</a></p> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
Oops, something went wrong.