Brian Swerdfeger Interview: Difference between revisions

Line 7:

$(document).ready(function(){

~~//Examples of how to assign the Colorbox event to elements~~

~~$(".group1").colorbox({rel:'group1'});~~

~~$(".group2").colorbox({rel:'group2', transition:"fade"});~~

~~$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});~~

~~$(".group4").colorbox({rel:'group4', slideshow:true});~~

$(".ajax").colorbox();

~~$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});~~

~~$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});~~

$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

$(".inline").colorbox({inline:true, width:"50%"});

Line 23:

Line 16:

onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },

onClosed:function(){ alert('onClosed: colorbox has completely closed'); }

~~});~~

~~$('.non-retina').colorbox({rel:'group5', transition:'none'})~~

~~$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});~~

~~//Example of preserving a JavaScript event for inline calls.~~

~~$("#click").click(function(){~~

~~$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");~~

~~return false;~~

});

@@ Line 7: / Line 7: @@
 <script>
 	$(document).ready(function(){
-		//Examples of how to assign the Colorbox event to elements
-		$(".group1").colorbox({rel:'group1'});
-		$(".group2").colorbox({rel:'group2', transition:"fade"});
-		$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
-		$(".group4").colorbox({rel:'group4', slideshow:true});
 		$(".ajax").colorbox();
-		$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
-		$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
 		$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
 		$(".inline").colorbox({inline:true, width:"50%"});
@@ Line 23: / Line 16: @@
 			onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
 			onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
-		});
-		$('.non-retina').colorbox({rel:'group5', transition:'none'})
-		$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
-		//Example of preserving a JavaScript event for inline calls.
-		$("#click").click(function(){
-			$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
-			return false;
 		});
 	});