featherlight
Version:
Featherlight is a very lightweight jQuery lightbox plugin. It's simple yet flexible and easy to use. Featherlight has minimal css and uses no inline styles, everything is name-spaced, it's completely customizable via configuration object and offers image,
69 lines (64 loc) • 2.52 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>Featherlight Gallery Test Suite</title>
<link rel="stylesheet" href="../bower_components/mocha/mocha.css" />
<link rel="stylesheet" href="../src/featherlight.css" />
<link rel="stylesheet" href="../src/featherlight.gallery.css" />
</head>
<body>
<div id="mocha"></div>
<script src="../bower_components/jquery/jquery.js"></script>
<script src="../bower_components/lodash/lodash.js"></script>
<script src="../bower_components/chai/chai.js"></script>
<script src="../bower_components/chai-jquery/chai-jquery.js"></script>
<script src="../bower_components/chai-properties/chai-properties.js"></script>
<script src="../bower_components/mocha/mocha.js"></script>
<script>mocha.setup('bdd')</script>
<script src="../src/featherlight.js"></script>
<script src="../src/featherlight.gallery.js"></script>
<script src="helpers/patiently.js"></script>
<script src="featherlight_gallery_test.js"></script>
<script>
if (navigator.userAgent.indexOf('PhantomJS') < 0) {
mocha.checkLeaks();
mocha.globals(['jQuery*']);
mocha.run();
}
</script>
<section id="fixtures">
<span id="basic-test">
<a href="fixtures/photo_large.jpg?0"><img src="fixtures/photo.jpeg?0"></a>
<a href="fixtures/photo_large.jpg?1"><img src="fixtures/photo.jpeg?1"></a>
<a href="fixtures/photo_large.jpg?2"><img src="fixtures/photo.jpeg?2"></a>
<a href="fixtures/photo_large.jpg?3"><img src="fixtures/photo.jpeg?3"></a>
</span>
<span id="extra-test"
data-featherlight-next-icon="}"
data-featherlight-after-content="this.called = true"
data-featherlight-filter="a"
>
<a href="fixtures/photo_large.jpg?extra_0"><img src="fixtures/photo.jpeg?0"></a>
<a href=".some-content"><img src="fixtures/photo.jpeg?1"></a>
</span>
<ul class="some-content">
<li>Hello</li>
<li>world</li>
</ul>
<div id="full-auto"
data-featherlight-gallery
data-featherlight-filter="a"
>
<a href="fixtures/photo_large.jpg?auto_0"><img src="fixtures/photo.jpeg?auto_0"></a>
<a href="fixtures/photo_large.jpg?auto_1"><img src="fixtures/photo.jpeg?auto_1"></a>
</div>
<div id="just-to-be-sure-auto-bound-galleries-are-independent"
data-featherlight-gallery
data-featherlight-filter="a"
>
<a href="fixtures/photo_large.jpg?auto_2"><img src="fixtures/photo.jpeg?auto_2"></a>
</div>
</section>
</body>
</html>