Posted By

madebycrunch on 10/31/14

Tagged

Versions (?)

Last Edited at 10/31/14 02:41am

Statistics

Viewed 482 times

Favorited by 0 user(s)

Related snippets

jQuery - Page Component - Gallery

/ Published in: jQuery

jQuery - Page Component - Gallery Fancybox

Highlighted TextExpand

$("a.fancyimage").fancybox({
	'transitionIn'  :  'elastic',
	'transitionOut'  :  'elastic',
	'speedIn'    :   300, 
	'speedOut'    :   300, 
	'overlayShow'  :    true,
	'overlayOpacity':    0.7,
	'overlayColor'  :   "#000"
});

$("a.fancyyoutube").click(function() {
	$.fancybox({
		'padding': 0,
		'overlayShow'	:    true,
		'overlayOpacity': 	 0.7,
		'overlayColor'	: 	"#000",
		'autoScale': true,
		'transitionIn': 'elastic',
		'transitionOut': 'elastic',
		'speedIn': 300,
		'speedOut':300,
		'title': this.title,
		'width': 680,
		'height': 495,
		'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
		'type': 'swf',
		'swf': {
			'wmode': 'transparent',
			'allowfullscreen': 'true'
		}
	});

return false;
});

$("a.fancyvimeo").click(function() {
	$.fancybox({
		'padding': 0,
		'overlayShow'	:    true,
		'overlayOpacity': 	 0.7,
		'overlayColor'	: 	"#000",
		'autoScale': true,
		'transitionIn': 'elastic',
		'transitionOut': 'elastic',
		'speedIn': 300,
		'speedOut':300,
		'title': this.title,
		'width': 680,
		'height': 495,
		'href': this.href.replace(new RegExp("([0-9])", "i"), 'moogaloop.swf?clip_id=$1'),
		'type': 'swf'
	});

return false;
});

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.