Skip to content

Instantly share code, notes, and snippets.

@guert
Created January 11, 2012 21:11
Show Gist options
  • Select an option

  • Save guert/1596783 to your computer and use it in GitHub Desktop.

Select an option

Save guert/1596783 to your computer and use it in GitHub Desktop.
jQuery ShadowBox
<div>
<a href="shadowbox/web/web_design/sun_partneradvantage.jpg" rel="shadowbox">
<img src="shadowbox/web/thumbnails/sun_thumb.jpg" width="152" height="152" style="border: 0;" alt="Sun" />
</a>
</div>
<script type="text/javascript" src="jquery/1.4.2/jquery.min.js"></script>
<!-- the following line is only required to run the demos -->
<script type="text/javascript" src="shadowbox/demo.js"></script>
<!-- this section is the only one needed to run Shadowbox -->
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
// a darker overlay looks better on this particular site
overlayOpacity: 0.8
// setupDemos is defined in assets/demo.js
}, setupDemos);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment