Swipebox – A touchable jQuery lightbox

What is Swipebox?

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

Swipebox - A touchable jQuery lightbox


  • Swipe gestures for mobile
  • Keyboard Navigation for desktop
  • CSS transitions with jQuery fallback
  • Retina support for UI icons
  • Easy CSS customization


Chrome, Safari, Firefox, Opera, IE8+, IOS4+, Android, windows phone.



Include jquery and the swipebox script in your head tags or right before your body closing tag.

<script src="lib/jquery-1.9.0.js"></script>
<script src="source/jquery.swipebox.min.js"></script>


Include the swipebox CSS style in your head tags.

<link rel="stylesheet" href="source/swipebox.css">


Use a specific class for your links and use the title attribute as caption.

<a href="big/image.jpg" class="swipebox" title="My Caption">
	<img src="small/image.jpg" alt="image">

Fire the plugin

Bind the swipebox behaviour on every link with the “swipebox” class.

jQuery(function($) {

Need a couple of options?

jQuery(function($) {
		useCSS : true, // false will force the use of jQuery for animations
		hideBarsDelay : 3000 // 0 to always show caption and action bar

Download View Source