Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

SinoP

[Resolvido] Inserir 2 slide Jquery na mesma pag?!

Recommended Posts

Olá pessoal.

Desenvolvi um site de notícias a + - 1 ano e meio atrás.

Estou mudando o layout do site e estou querendo saber se existe como colocar dois quadros rotativos, tipo de notícias em destaque na mesma página.

Na verdade ele quer 3 rotativos na mesma página, eu criei um com Jquery e outro foi no braço mesmo... mas fico meio feio.

Vou mandando o link do site para vocês darem uma olhada no que preciso (Nortão Notícias) seria 3 janelas igual essa da foto que fica trocando.

Fico no aguardo da ajuda.

Vlw.

 

PS: Sou meio leigo em JS, mas aprendo fácil as coisas. hehehe

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, é possível sim.

Dê um id para cada um deles, e ai aplique o slide que você quer, para cada um dos identificadores únicos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Deixa ver se entendi...

 

eu uso isso para o primeiro slide:

	$(function(){
		$('.SlideUm').tabSwitch('create',{width: 350, height:275});
		$('.NavUm').click(function(e){
			$('.SlideUm').tabSwitch('moveStep',{step: parseInt($(this).attr("rel"))});
			e.preventDefault();
		});
	});

e dai para um segundo slide basta alterar a ID, assim:

	$(function(){
		$('.SlideDois').tabSwitch('create',{width: 350, height:275});
		$('.NavDois').click(function(e){
			$('.SlideDois').tabSwitch('moveStep',{step: parseInt($(this).attr("rel"))});
			e.preventDefault();
		});
	});

Se for realmente isso... ai ta fácil. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Não posso testar agora, mas assim que puder eu testo e coloco o resultado.

Por agora, muito obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

'sim', testa ai.

Unica coisa, é que você não precisa abrir novamente o instanciamento do jQuery..

$(function(){
                $('.SlideUm').tabSwitch('create',{width: 350, height:275});
                $('.NavUm').click(function(e){
                        $('.SlideUm').tabSwitch('moveStep',{step: parseInt($(this).attr("rel"))});
                        e.preventDefault();
                });

                $('.SlideDois').tabSwitch('create',{width: 350, height:275});
                $('.NavDois').click(function(e){
                        $('.SlideDois').tabSwitch('moveStep',{step: parseInt($(this).attr("rel"))});
                        e.preventDefault();
                });
        });
^_^

Compartilhar este post


Link para o post
Compartilhar em outros sites

Rapaz... você estava certissimo.

Eu tentei esta mesma solução a 1 ano e meio atrás, e levei um baile deste slide...

Hoje testei aqui e funcionou perfeitamente.

Muito obrigado e desculpe a ignorancia de não ter tendado isso novamente... hehehehe

Vlw mesmo.

 

(RESOLVIDO)

Compartilhar este post


Link para o post
Compartilhar em outros sites

'sim', testa ai.

Unica coisa, é que você não precisa abrir novamente o instanciamento do jQuery..

$(function(){
                $('.SlideUm').tabSwitch('create',{width: 350, height:275});
                $('.NavUm').click(function(e){
                        $('.SlideUm').tabSwitch('moveStep',{step: parseInt($(this).attr("rel"))});
                        e.preventDefault();
                });

                $('.SlideDois').tabSwitch('create',{width: 350, height:275});
                $('.NavDois').click(function(e){
                        $('.SlideDois').tabSwitch('moveStep',{step: parseInt($(this).attr("rel"))});
                        e.preventDefault();
                });
        });
happy.gif

 

Boa noite amigos, gostaria de saber como faço para manipular mais de dois slides na mesma página mas deixando cada um na posição que gostaria que ficasse por css, como faço isso? Alguém sabe?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.