Learn how to use jQuery at the Blog

Arnaud Koncina « visit

  • Added 8 months ago
  • 145 Lines of Code shown
  • 4 Links of Interest
http://arnaud-k.fr
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 Arnaud Koncina - http://arnaud-k.fr

// JavaScript Document
  jQuery(document).ready(function(){ 
	
	if (navigator.userAgent.indexOf("MSIE 7") != -1)
	{
		IE = "IE";
	}
	else
	{
		IE = "FF"
	}

	
	/******
		PRELOADING THE IMAGES
	******/
	$('#divPage').css("opacity","0");
	$('.big').fadeOut("fast");
	$('#loading').fadeIn('slow');
	$('#info-gski').css("opacity","0.5");
	$('#moiBig').css("display","none");
	
	
	$.preload( 'body img', {//the first argument is a selector to the images
		onRequest:request,
		onComplete:complete,
		onFinish:finish,
		placeholder:'../img/placeholder.jpg',//this is the really important option
		notFound:'img/1.jpg',//optional image if an image wasn't found
		threshold: 2 //'2' is the default, how many at a time, to load.
	});
	
	function update( data ){
	};
	function complete( data ){
		update( data );
	};
	function request( data ){
		update( data );
	};
	function finish(){//hide the summary
		$("#loading").animate({opacity: 1.0}, 500)
		$('#loading').fadeOut('normal');
		$("#divPage").animate({opacity: 1.0}, 1000)
	};
	
	
	jQuery('#parallax').jparallax(
		{mouseport: jQuery('#page') }
	)  
	
	$("#descriptionGski").css("opacity","0.7");
	
	$("#bigGski").css("opacity","0");
	$("#thumbGski").mouseover(function()
	{
		$("#bigGski").fadeIn("slow");
	});
	
	$(".galerie").prepend("<span></span>");
	$(".projets").prepend("<span></span>");
	 
	$("#g-ski .thumbs, #g-ski span").mouseover(function()	{
		if(IE == "FF")
			$("#big-g-ski").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/g-ski-big.jpg", alt: "g-ski" }).fadeIn("slow");

	});
	
	$("#moiThumb").mouseover(function() {
		$("#moiBig").fadeIn("slow");
	});
	$("#moiBig").mouseout(function() {
		$("#moiBig").fadeOut("slow");
	});
	
	$("#liloo-artiste .thumbs, #liloo-artiste span").mouseover(function()	{
		if(IE == "FF")
			$("#big-liloo-artiste").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/liloo-artiste-big.jpg", alt: "g-ski" }).fadeIn("slow");
	});
	
	$("#ak-v2 .thumbs, #ak-v2 span").mouseover(function()	{
		if(IE == "FF")
			$("#big-ak-v2").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/ak-v2-big.jpg", alt: "g-ski" }).fadeIn("slow"); 
	});
	
	$("#video390 .thumbs, #video390 span").mouseover(function()	{
		if(IE == "FF")
			$("#big-390").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/390-big.jpg", alt: "g-ski" }).fadeIn("slow");
	});
	
	$("#blog-old .thumbs, #blog-old span").mouseover(function()	{
		if(IE == "FF")
			$("#big-blog-old").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/blog-old-big.jpg", alt: "g-ski" }).fadeIn("slow");
	});
	
	$("#photoblog .thumbs, #photoblog span").mouseover(function()	{
		if(IE == "FF")
			$("#big-photoblog").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/photoblog-big.jpg", alt: "g-ski" }).fadeIn("slow");
	});
	
	$("#city-pop .thumbs, #city-pop span").mouseover(function()	{
		if(IE == "FF")
			$("#big-city-pop").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/city-pop-big.jpg", alt: "g-ski" }).fadeIn("slow");
	});
	
	$("#pong .thumbs, #pong span").mouseover(function()	{
		if(IE == "FF")
			$("#big-pong").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/pong-big.jpg", alt: "g-ski" }).fadeIn("slow");
	});
	
	$("#photo .thumbs, #photo span").mouseover(function()	{
		if(IE == "FF")
			$("#big-photo").fadeIn("slow");
		else
			$("#big"+IE).attr({ src: "contenu/photo-big.jpg", alt: "g-ski" }).fadeIn("slow");
	});
	
	
	$("#big"+IE).mouseout(function()
	{
		$("#big"+IE).fadeOut("slow"); 
	});
	
	$(".big").mouseout(function()
	{
		$(".big").fadeOut("slow"); 
	});
	  
  });