Skip to content

Instantly share code, notes, and snippets.

@kenee

kenee/facybox

Created August 15, 2013 13:36
Show Gist options
  • Save kenee/6240877 to your computer and use it in GitHub Desktop.
Save kenee/6240877 to your computer and use it in GitHub Desktop.
Download ZIP
facybox demon
Raw
facybox
<html>
<body>
<!-- Add jQuery library -->
<script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<!--
<script type="text/javascript" src="http://cdn.staticfile.org/jquery-mousewheel/3.1.3/jquery.mousewheel.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="http://cdn.staticfile.org/fancybox/2.1.4/jquery.fancybox.min.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://cdn.staticfile.org/fancybox/2.1.4/jquery.fancybox.min.js"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<!--
<link rel="stylesheet" href="http://cdn.staticfile.org/fancybox/2.1.4/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://cdn.staticfile.org/fancybox/2.1.4/helpers/jquery.fancybox-buttons.min.js"></script>
<script type="text/javascript" src="http://cdn.staticfile.org/fancybox/2.1.4/helpers/jquery.fancybox-media.min.js"></script>
<link rel="stylesheet" href="http://cdn.staticfile.org/fancybox/2.1.4/helpers/jquery.fancybox-thumbs.min.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://cdn.staticfile.org/fancybox/2.1.4/helpers/jquery.fancybox-thumbs.min.js"></script>
//-->
<a class="fancybox" rel="group" href="http://pic31.nipic.com/20130801/13350962_145537671189_2.jpg"><img src="http://i.down.sina.cn//download/2012/05/17/sina.cn_351f85581_150x110.jpg" alt="" /></a>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment