galeria = { init: function(){ direcao = "" //Definição de variáveis galleryTotal = $(".galleryMask ul li").length; gallerySizeElement = $(".galleryMask li").width(); galleryArea = gallerySizeElement * galleryTotal; imgSize = $(".galleryMask li img").width(75); imgSize2 = $('.slide_2 img, .slide_4 img').width(125); imgSize3 = $('.slide_3 img').width(230); $('.galleryMask ul').width(galleryArea + 450) //Atribui eventos para seta da galeria $('.galleryButtom').click(function(){ galeria.animacao(this) }) //Atribui eventos para as imagens galeria $('.galleryMask ul li a').click(function(){ galeria.animacao(this); if(! $(this).parent().hasClass('slide_3')) return false; }); }, animacao: function(obj){ var li = $(obj).parent(); var liClass = $(li).attr('class'); var repete = ""; var tempo = 500; switch(liClass){ case 'slide_3': return; break; case 'slide_1': repete = 'left'; tempo = 300 case 'slide_2': direcao = 'left'; break; case 'slide_5': repete = 'right'; tempo = 300 case 'slide_4': direcao = 'right'; break; default: direcao = $(obj).attr('rel') } imgSize = $(".galleryMask li img").width(75); imgSize2 = $('.slide_2 img, .slide_4 img').width(125); imgSize3 = $('.slide_1 img, .slide_5 img').width(75); imgSize3 = $('.slide_3 img').width(230); marginAtual = $(".galleryMask ul").css('marginLeft'); if(direcao == "right"){ valor1 = 78; valor2 = 78; valor3 = 128; valor4 = 233; valor5 = 128; top1 = 75; top2 = 75; top3 = 55; top4 = 24; top5 = 55; size1 = 75; size2 = 75; size3 = 125; size4 = 230; size5 = 125; margin = -77; } if(direcao == "left"){ valor1 = 128; valor2 = 233; valor3 = 128; valor4 = 128; valor5 = 78; top1 = 55; top2 = 24; top3 = 55; top4 = 75; top5 = 75; size1 = 125; size2 = 230; size3 = 125; size4 = 75; size5 = 75; margin =77; } marginNova = parseInt(marginAtual) + margin; marginDir = galleryArea + 347; // variavel para parar avanço da direita if(marginNova > 230 || marginNova < -((galleryTotal - 3) * 77)) return false; $('div.slide a').unbind('click'); $('.slide_3 p, .slide_3 span').addClass('hide'); $('.slide_1').animate({width: valor1, marginTop:top1}, tempo) $('.slide_1 a img').animate({width: size1}, tempo) $('.slide_2').animate({width: valor2, marginTop:top2}, tempo) $('.slide_2 a img').animate({width: size2}, tempo) $('.slide_3').animate({width: valor3, marginTop:top3}, tempo) $('.slide_3 a img').animate({width: size3}, tempo) $('.slide_4').animate({width: valor4, marginTop:top4}, tempo) $('.slide_4 a img').animate({width: size4}, tempo) $('.slide_5').animate({width: valor5, marginTop:top5}, tempo) $('.slide_5 a img').animate({width: size5}, tempo) $('.galleryMask ul').animate({marginLeft: marginNova}, tempo, function(){ $('.galleryMask ul li').each(function(){ classe = $(this).attr("class"); classe2 = classe.split('_'); if(direcao == "right"){ newClass = parseInt(classe2[1]) - 1; $(this).attr('class', classe2[0] + '_' + newClass); } if(direcao == "left"){ newClass = parseInt(classe2[1]) + 1; $(this).attr('class', classe2[0] + '_' + newClass); } }) $('div.slide a').click(function(){ galeria.animacao(this); if(! $(this).parent().hasClass('slide_3')) return false; }); if (repete == 'right') $('.galleryButtom[rel="right"]').click(); else if (repete == 'left') $('.galleryButtom[rel="left"]').click(); else $('.slide_3 p, .slide_3 span').removeClass('hide'); }) } }
- Fórum WMO
- → Viewing Profile: Tópicos: dvdpausini
Community Stats
- Group Usuários
- Active Posts 10
- Profile Views 1678
- Member Title Novato no fórum
- Age Age Unknown
- Birthday Birthday Unknown
-
Sexo
Male
-
Localidade
SAMPA
Contact Information
- Página Web http://www.laurapausinibrasil.com
- Windows Live deividmarques@hotmail.com
0
Neutral
User Tools
Friends
dvdpausini hasn't added any friends yet.
Latest Visitors
Topics I've Started
Galeria Com Loop Infinito , Como Fazer?
03/12/2009, 16:48
Pessoal to com uma galeria em javascript e nao to conseguindo fazer com que ela tenha loop infinito, eela possui 5 img quero q ela repita mas ta fods. alguem me da um help vou deixar o codigo js aqui
Abrir Tipo Iframe Em Ajax, Mas Com Efeito Fade No Conteudo
04/05/2009, 15:42
Alguem sabe me dizer qual o nome pra q eu procure na web.
Seria assim tenho um MENU entao quando eu clico o conteudo abre na mesmo pagina dentro de uma DIV porem esse conteudo tem um efeito de fade ao aparecer .
Sabe aonde axo isso ou aonde e como devo procurar ..to sem noçao ..so sei que usa AJAX ..
Espero que alguma alma caridosa me de um help..
vlw galera
Seria assim tenho um MENU entao quando eu clico o conteudo abre na mesmo pagina dentro de uma DIV porem esse conteudo tem um efeito de fade ao aparecer .
Sabe aonde axo isso ou aonde e como devo procurar ..to sem noçao ..so sei que usa AJAX ..
Espero que alguma alma caridosa me de um help..
vlw galera
Formulario Com Mensagens No Campos
18/03/2009, 11:17
Oi alguem sabe aonde eu acho os codigos para fazer um formulario igual a esse no link:
http://www.midpublic...om.br/form.html
[o legal desse formulario é a mensagem que abre ao pasar o mouse no campo, pensei que fosse TOOLTIP mas ele é bem dinamico e nao estatico como o TOOLTIP do css]
Bem eu nao sei nem o nome que é usado, XML ou outra coisa
http://www.midpublic...om.br/form.html
[o legal desse formulario é a mensagem que abre ao pasar o mouse no campo, pensei que fosse TOOLTIP mas ele é bem dinamico e nao estatico como o TOOLTIP do css]
Bem eu nao sei nem o nome que é usado, XML ou outra coisa
Novo Codiog De Flash ?
10/02/2009, 15:56
Oi Galera eu vi hoje num site que akele codigo que o flash gera para ser usado no html mudou quando usamos em xhtml, keria saber melhor a respeito, pesquisei no google nao axei nada a respeito e nem qual codigo é usado hoje..eu estou desenvolvendo um site e pelo validador esta dando erro exatamente nesses codigos do flash..
Se alguem puder da um luz..algum site ..eu agradeço
abçs
Se alguem puder da um luz..algum site ..eu agradeço
abçs
- Fórum WMO
- → Viewing Profile: Tópicos: dvdpausini
- Privacy Policy
- Regras ·