Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-ternos-oversized/oversized-prada.jpg", "Prada" );gallery[4] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-ternos-oversized/oversized-paul-smith2.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"); }); });PelesPeles estao com tudo nessa temporada. Sintetica ou verdadeira e usada por cima dos ternos! elas estarao la aquecendo tambem os homens na proxima estacao. // FUNCAO RESPONSAVEL PELA NAVEGACAO E CARREGAMENTO DA IMAGEM PRINCIPAL DA GALERIA function gallery_navigation(key) { // total de imagens na galeria var total = 7; // 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-peles/pele-dg.jpg", "DG" );gallery[1] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-peles/pele-givenchy.jpg", "Givenchy" );gallery[2] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-peles/pele-gucci.jpg", "Gucci" );gallery[3] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-peles/pele-jean-paul-gaultier.jpg", "Jean Paul Gaultier" );gallery[4] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-peles/pele-john-galliano.jpg", "John Galliano" );gallery[5] = new Array( "http://modaspot.abril.com.br/wp-content/galeria/coluna-fabio-paiva-peles/pele-louisvuitton.jpg",