Learn how to use jQuery at the Blog

UT-Houston Office of Communications « visit

  • Added 10 months ago
  • 87 Lines of Code shown
  • 4 Links of Interest
http://med.uth.tmc.edu/comm
This is my Source Code and I don't want to show it here
View Source Code only (as overlay)
// That code snippet belongs to UT-Houston Office of Communications - http://med.uth.tmc.edu/comm

$(document).ready(function() {
						   
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "205px"
		})
		.animate({
			height: "220px"
		}, "fast");
		$("div.panel_button").toggle();
	
	});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
   });	
		
	$("p#test2 a").fancybox({
		'hideOnContentClick': true
	});
	
	$("p#test3 a").fancybox({
		'zoomSpeedIn': 0, 'zoomSpeedOut': 0, 'overlayShow': true
	});	

	$("div.portfolio p.thumbnail a").fancybox({
		'hideOnContentClick': true
	});
	$("div.portfolio p.thumbnails a").fancybox({
		'hideOnContentClick': true
	});
	$("div#postScreenshot a").fancybox({
		'hideOnContentClick': true
	});
	
	$("a.zoom").fancybox({
		'hideOnContentClick': true
	});
});



		var theInt = null;
		var $crosslink, $navthumb;
		var curclicked = 0;
		
		theInterval = function(cur){
			clearInterval(theInt);
			
			if( typeof cur != 'undefined' )
				curclicked = cur;
			
			$crosslink.removeClass("active-thumb");
			$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
			
			theInt = setInterval(function(){
				$crosslink.removeClass("active-thumb");
				$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
				curclicked++;
				if( 6 == curclicked )
					curclicked = 0;
				
			}, 5000);
		};
		
		$(function(){
			
			$("#main-photo-slider").codaSlider();
			
			$navthumb = $(".nav-thumb");
			$crosslink = $(".cross-link");
			
			$navthumb
			.click(function() {
				var $this = $(this);
				theInterval($this.parent().attr('href').slice(1) - 1);
				return false;
			});
			
			theInterval();
		});