Wywołująca emocje grafika terminowi elastyczni nr 354228

$(document).ready(function(){ $('#mHome').addClass('active'); $('#cHome').addClass('cActive'); $('.cActive').slideDown(2000, function(){$('.cActive div').fadeIn(500);$('.cActive ul').fadeIn(500);$('.cActive p').fadeIn(500);$('#portfolio').fadeIn(500);$('#footer').fadeIn(500);}); $('#cPortUl').hover(function(){$('#kwadraty div').hide();$('#ulotki').fadeIn(1000);},function(){$('#ulotki').fadeOut(1000);}); $('#cPortSz').hover(function(){$('#kwadraty div').hide();$('#szablony').fadeIn(1000);},function(){$('#szablony').fadeOut(1000);}); $('#cPortWeb').hover(function(){$('#kwadraty div').hide();$('#strony').fadeIn(1000);},function(){$('#strony').fadeOut(1000);}); $('#cPortFoto').hover(function(){$('#kwadraty div').hide();$('#grafika').fadeIn(1000);},function(){$('#grafika').fadeOut(1000);}); function kwadraty(){ $('#ulotki').fadeIn(1000).fadeOut(2000,function(){ $('#kwadraty div').hide(); $('#szablony').fadeIn(1000).fadeOut(2000,function(){ $('#kwadraty div').hide(); $('#strony').fadeIn(1000).fadeOut(2000,function(){ $('#kwadraty div').hide(); $('#grafika').fadeIn(1000).fadeOut(2000, function(){ kwadraty(); }); }); }); }); } kwadraty(); $('#ulotki').click(function(){ window.location = "http://www.44studio.net/portfolio/ulotki"; }); $('#szablony').click(function(){ window.location = "http://www.44studio.net/portfolio/szablony"; }); $('#strony').click(function(){ window.location = "http://www.44studio.net/portfolio/strony_www"; }); $('#grafika').click(function(){ window.location = "http://www.44studio.net/portfolio/obrobka_zdjec"; }); $('#arrows div').hover( function(){ $(this).fadeTo(1000, 1); }, function(){ $(this).fadeTo(1000, 0.38); }); var max = 4; var n = max; $("#leftArrow").click(function(){ if(n < max){ n++; pokaz_realizacje(n); } }); $("#rightArrow").click(function(){ if(n > 1){ n--; pokaz_realizacje(n); } }); function pokaz_realizacje(i) { $.ajax({ url: "http://44studio.net/realizacje/www/"+i+".php?id="+i, success: function(data){ $("#portfolio").animate({marginLeft: "-1000px"}, 1000, function(){ $("#portContent").html(data); $("#bArrow span").html(4-i+1); }); $("#portfolio").animate({marginLeft: "7px"}, 1000); } }); }; });