Jump to content


dvdpausini

Member Since 31/08/2008
Offline Last Active 03/09/2010, 12:25
-----

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

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');
			})
		
		
		
	}
}


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

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

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

IPB Skin By Virteq