Skip to content

Instantly share code, notes, and snippets.

@nyuwec

nyuwec/ekko-lightbox youtube paging bug.html

Last active August 29, 2015 14:02
Show Gist options
  • Save nyuwec/b05b0e87e8f794a78b63 to your computer and use it in GitHub Desktop.
Save nyuwec/b05b0e87e8f794a78b63 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ekko-lightbox youtube paging bug.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>ekko-lightbox</title>
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://rawgithub.com/ashleydw/lightbox/master/dist/ekko-lightbox.css">
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://rawgithub.com/ashleydw/lightbox/master/dist/ekko-lightbox.js"></script>
<script type="text/javascript">
$(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
event.preventDefault();
$(this).ekkoLightbox();
});
</script>
</head>
<body>
<div class="row" id="media_gallery">
<div class="col-md-3">
<a href="https://farm3.staticflickr.com/2925/14349979903_461b68f27c_b_d.jpg" data-toggle="lightbox" data-type="image" data-gallery="media_gallery" data-parent="#media_gallery">
<img class="img-responsive" src="https://farm3.staticflickr.com/2925/14349979903_461b68f27c_m_d.jpg">
</a>
</div>
<div class="col-md-3">
<a href="http://www.youtube.com/watch?v=f41P6fDl9js" data-toggle="lightbox" data-type="youtube" data-gallery="media_gallery" data-parent="#media_gallery">
<img class="img-responsive" src="http://img.youtube.com/vi/f41P6fDl9js/mqdefault.jpg">
</a>
</div>
<div class="col-md-3">
<a href="https://farm6.staticflickr.com/5555/14146197768_cb130b000d_b_d.jpg" data-toggle="lightbox" data-type="image" data-gallery="media_gallery" data-parent="#media_gallery">
<img class="img-responsive" src="https://farm6.staticflickr.com/5555/14146197768_cb130b000d_m_d.jpg">
</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment