"Louis Vuitton" );gallery[6] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-peles/pele-paul-smith3.jpg", "Paul Smith" ); // pega o id da imagem atual var current_img_id = jQuery('div.imagem-principal .container .img-holder').attr('id'); // compara com o array key atual. Caso seja diferente ou a galeria esteja rodando pela primeira vez, execute if(current_img_id != current_array_id || first_run) { // desativa a variavel que identifica que a galeria esta rodando pela primeira vez first_run = 0; // altero o id da div onde fica a imagem jQuery('div.imagem-principal .container .img-holder').attr('id', current_array_id); // executo o fade e loading da imagem jQuery('div.imagem-principal .container .img-holder').hide(); jQuery('div.imagem-principal .container .img-holder').fadeIn('slow'); jQuery('div.imagem-principal .container .img-holder').html(''+ gallery[key][1] +''); //Contabiliza audiencia para as imagens subsequentes if( current_img_id != 0 ) { var caminhoAudMS = window.location.pathname + '#pid='+ current_img_id; pageTracker._trackPageview(caminhoAudMS); } // ativo a miniatura de acordo com a imagem atual (eye candy) jQuery('.galeria-materia .thumbs .item').removeClass("ativo"); jQuery('.galeria-materia .thumbs #'+ current_array_id).addClass("ativo"); // verifico e exibo os botoes de avancar de acordo com a imagem atual if( current_array_id == (total-1) ) { jQuery('.galeria-materia .imagem-principal .next').stop().animate({"opacity": "0.0"}, "slow", function() { jQuery(this).hide(); }); } else { jQuery('.galeria-materia .imagem-principal .next').stop().animate({"opacity": "1"}, "slow"); jQuery('.galeria-materia .imagem-principal .next').show(); } if( current_array_id == 0 ) { jQuery('.galeria-materia .imagem-principal .prev').stop().animate({"opacity": "0.0"}, "slow", function() { jQuery(this).hide(); }); } else { jQuery('.galeria-materia .imagem-principal .prev').stop().animate({"opacity": "1"}, "slow"); jQuery('.galeria-materia .imagem-principal .prev').show(); } } } // JQUERY HANDLERS jQuery(document).ready(function () { // desabilita o slimbox nestes links jQuery('.galeria-materia .thumbs .item a').unbind('click'); // array key da imagem atual. usado para navegar no array da galeria current_array_id = 0; // esta variavel define que a galeria esta inicializando agora first_run = 1; // exibe a primeira imagem da galeria... gallery_navigation(current_array_id); // thumbnails jQuery('.galeria-materia .thumbs .item a').click(function(e) { e.preventDefault(); current_array_id = jQuery(this).attr('rel'); gallery_navigation(current_array_id); return false; }); // botao avancar grande jQuery('.galeria-materia .imagem-principal .next').click(function() { current_array_id++; gallery_navigation(current_array_id); return false; }); // botao voltar grande jQuery('.galeria-materia .imagem-principal .prev').click(function() { current_array_id--; gallery_navigation(current_array_id); return false; }); // HABILITA O CARROSSEL NAS MINIATURAS jQuery("div.galeria-materia .thumbs .container").carouFredSel({ items: 7, scroll: { items: 7, circular: false, easing: "easeOutQuad", duration: 800, pauseOnHover: true }, auto: { play: false }, prev: "div.galeria-materia .thumbs .prev", next: "div.galeria-materia .thumbs .next" }); // adiciona hover effect nas setas do carrossel de miniaturas jQuery(document).ready(function () { // adiciona hover fade effect aos botoes prev e next jQuery('div.galeria-materia .thumbs .prev, div.galeria-materia .thumbs .next').hover( function(){ jQuery(this).find(".seta").stop().animate({"opacity": "0.6"}, "fast"); }, function(){ jQuery(this).find(".seta").stop().animate({"opacity": "0"}, "slow"); }); }); // adiciona hover fade effect aos botoes prev e next grandes jQuery('.galeria-materia .imagem-principal .prev, ..galeria-materia .imagem-principal .next').hover( function(){ jQuery(this).find(".bg").stop().animate({"opacity": "0.6"}, "fast"); }, function(){ jQuery(this).find(".bg").stop().animate({"opacity": "0"}, "slow"); }); });Esportivo x SocialAs marcas estao apostando cada vez mais na mistura de roupas mais esportivas com um social mais classico. Tanto evidenciando as duas situacoes (hi-low) como camuflando uma das duas casacos esportivos em materiais finos usados por cima de ternos, por exemplo. // FUNCAO RESPONSAVEL PELA NAVEGACAO E CARREGAMENTO DA IMAGEM PRINCIPAL DA GALERIA function gallery_navigation(key) { // total de imagens na galeria var total = 4; // array com informacoes da galeria (url e descricao da imagem) var gallery = new Array(); gallery[0] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-esportivo-social/esportixsoci-lanvin.jpg", "Lanvin" );gallery[1] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-esportivo-social/esportxsoc-giorgio-armani.jpg", "Giorgio Armani" );gallery[2] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-esportivo-social/esportxsoc-paul-smith4.jpg", "Paul Smith" );gallery[3]