Learn how to use jQuery at the Blog

OLAM Compañia « visit

  • Added 7 months ago
  • 37 Lines of Code shown
  • 0 Links of Interest
http://myolamweb.net
Source Code
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 OLAM Compañia - http://myolamweb.net

function slide(){
	$(".slidecontainer > .right").children(".item:last").fadeOut(300, function(){
		$(this).clone().prependTo(".slidecontainer > .right");
		$(this).remove();
		$(".slidecontainer > .right").children(".item:first").css("display","block");
	});
}
$(document).ready(function(){
						   
	$("ul.main-menu > li").hover(
								 
      function () {
		img=$(this).attr("id");
		$("div.slidecontainer > div.right > #img-"+img+"").css("display","none");
        $("div.slidecontainer > div.right > #img-"+img+"").css("left","auto");
		$("div.slidecontainer > div.right > #img-"+img+"").slideDown(400);
      }, 
      function () {
		img=$(this).attr("id");
        $("div.slidecontainer > div.right > #img-"+img).css("left","-700px");
      }
    );

	$("div.slidecontainer > div.left").hover(
								 
      function () {
		$("div.slidecontainer > div.right > #img-mente").css("display","none");		  
        $("div.slidecontainer > div.right > #img-mente").css("left","auto");
		$("div.slidecontainer > div.right > #img-mente").slideDown(400);
      }, 
      function () {
        $("div.slidecontainer > div.right > #img-mente").css("left","-700px");
      }
    );
						   
	interval = setInterval("slide()",5000);						   
});