Learn how to use jQuery at the Blog

Lyrical Media « visit

  • Added 9 months ago
  • 69 Lines of Code shown
  • 1 Links of Interest
http://lyricalmedia.com
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 Lyrical Media - http://lyricalmedia.com

// Lyrical Slider 1.0
// Hand coded by John O'Nolan
// Copyright Lyrical Media Ltd 2009


// About Page
$(document).ready(function() {
	$('a#slideabout').click(function() {
		$('#aboutleft').animate( { "left" : "363px" } );
	});
	$('a#slideabout').click(function() {
		$('#aboutpage2').fadeIn('slow');
	});
	$('a#slidebackabout').click(function() {
		$('#aboutpage2').fadeOut('slow');
	});
	$('a#slidebackabout').click(function() {
		$('#aboutleft').animate( { "left" : "0px" } );
	});
});

// About Page Social Media Logos
$(document).ready(function() {
		
	// Preload
	$("#socialist img").each(function() {
		// Set the original src
		rollsrc = $(this).attr("src");
		rollON = rollsrc.replace(/.png$/ig,"_over.png");
		$("<img>").attr("src", rollON);
	});
	
	// rollovers
	$("#socialist a").mouseover(function(){
		imgsrc = $(this).children("img").attr("src");
		matches = imgsrc.match(/_over/);
		
		// don't do the rollover if state is already ON
		if (!matches) {
		imgsrcON = imgsrc.replace(/.png$/ig,"_over.png"); // strip off extension
		$(this).children("img").attr("src", imgsrcON);
		}
		
	});
	$("#socialist a").mouseout(function(){
		$(this).children("img").attr("src", imgsrc);
	});
	

});

// Services Page
$(document).ready(function() {
	$('a#slidepage').click(function() {
		$('#content .inner').animate( { "left" : "930px" } );
		$('#content .button').animate( { "left" : "1720px" } );
		//$('#header').width(1900);
	});
	$('a#slidepage').click(function() {
		$('#content .button2').fadeIn('slow');
	});
	$('a#slideback').click(function() {
		$('#content .button2').fadeOut('fast');
	});
	$('a#slideback').click(function() {
		$('#content .inner').animate( { "left" : "0px" } );
		$('#content .button').animate( { "left" : "790px" } );
	});
});