Submit your widget
HomeSlideshow & ScrollerSwipebox - touchable jQuery lightbox

Swipebox - touchable jQuery lightbox

Created 11 years ago   Views 25180   downloads 4192    Author swipebox
Swipebox - touchable jQuery lightbox
View DemoDownload
45
Share |

Usage

Javascript

Include jquery and the swipebox script in your  body closing tag.

<script src="lib/jquery-1.9.0.min.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">

HTML

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">
</a>

Fire the plugin

Bind the swipebox behaviour on every link with the "swipebox" class.

<script type="text/javascript">
jQuery(function($) {
   $(".swipebox").swipebox();
});
</script>

Need a couple of options?

<script type="text/javascript">
jQuery(function($) {
	$(".swipebox").swipebox({
		useCSS : true, // false will force the use of jQuery for animations
		hideBarsDelay : 3000 // 0 to always show caption and action bar
	});
});
</script>

 

Tag: lightbox

You might also like