Lightbox from link for any item

With a javascript code and some styling you can make a lightbox for your slider. You could put this for example into the Edit Slider -> HTML widget. This code will make a lightbox from any item, that has the lightboxme css class on them, and the lightbox will show the image you put into the Link.
lightboxme

<script>
jQuery(document).ready(function(){
	jQuery('.ss2-align').on( 'click','.lightboxme', function() {
		var theImage = new Image();
		if(typeof(jQuery(this).parent('a').attr('href'))!='undefined'){
		    theImage.src = jQuery(this).parent('a').attr('href');
		} else if(typeof(jQuery(this).find('a').attr('href'))!='undefined'){
		    theImage.src = jQuery(this).find('a').attr('href');
		} else if(typeof(jQuery(this).attr('href'))!='undefined'){
		    theImage.src = jQuery(this).attr('href');
		} else {
		    return false;
		}
		jQuery('body').append('<div class="lightboxbg"><div class="lightbox"><img src="' + theImage.src + '" style="display:none;"></div></div>');
		jQuery(theImage).load(function() {
			var width = theImage.width;
			var height = theImage.height;
			var ratio;
			if(width>jQuery(window).width()){
				ratio = width/jQuery(window).width();
				width = jQuery(window).width();
				height = height/ratio;
			}
			if(height>jQuery(window).height()){
		    		ratio = height/jQuery(window).height();
		    		height = jQuery(window).height();
		    		width = width/ratio;
			}
			jQuery('.lightbox').css({
				'width':width,
				'height':height,
				'marginLeft':-(width/2),
				'marginTop':-(height/2)
			});
			jQuery('.lightbox img').css({
				'width':width,
				'height':height,
				'display':'block'
			});
			jQuery('.lightboxbg').click(function(){
				jQuery('.lightboxbg').remove();
			});
		});
		return false;
	});
});
</script>
<style>
.lightboxbg{
	position:fixed;
	background:rgba(0,0,0,0.5);
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:9999;
}
.lightbox{
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
}
.lightboxme, .lightboxbg{
	cursor:hand;
	cursor:pointer;
}
</style>