Jump to content
ivobarbosa

Ajuda em jquery

Recommended Posts

ivobarbosa

Boas amigos, precisava de uma ajuda em jquery, tou a desenvolver um site, que funciona do genero de acordion, mas não é um acordion do genero que estamos habituados a ver.

O sistema irá funcionar da seguinte forma, imaginemos que temos 4 imagens, e o que quero fazer é ao clicar numa imagem, essa imagem deslocar-se para o lado direito, e as restantes deslocam-se para o lado esquerdo e ficam encolhidas um bocado, já consegui fazer a parte delas se deslocarem para o lado esquerdo, n consegui foi fazer que a imagem que cliquei se mover para o lado direito.

Alguem me pode ajudar a fazer isso?Tentei fazer uma condição, mas n funcionou.

Tenho o código da seguinte forma:

<script type="text/javascript">
$(document).ready(function () {

$("#acordiao li").click(function(){
	$("#acordiao li").animate({width: "60px"}, {duration:500, queue:false});

	$(this).animate({
		//width: "690px"
		}, 
		'slide', {direction: 'left'},

		{duration:500, 
		queue:false}

	);

	activeItem = this;
});



});
</script>


Melhores Cumprimentos,

Ivo Barbosa

Share this post


Link to post
Share on other sites
cra2sh

Experimenta via css

left:0;
right:0;
position:absolute;

Penso que resolva o que pretendes, caso contrario posta essa parte do codigo em html para a ajudar ser mais precisa.

Share this post


Link to post
Share on other sites
ivobarbosa

Experimenta via css

left:0;
right:0;
position:absolute;

Penso que resolva o que pretendes, caso contrario posta essa parte do codigo em html para a ajudar ser mais precisa.

Mas dizes colocar isso no css referente a tag li?

Vou tentar colocar online para ser mais fácil, e já coloco aqui o link.

Amigo podes visualizar aqui :

http://radiocidadetuga.heliohost.org/

Vais ver 5 imagens nesse exemplo, quando clicas sobre uma faz o efeito que quero, apenas me falta que ao clicar numa foto essa passe para a ultima posição a contar do lado esquerdo para o lado direito, e se clicar depois noutra que faça o mesmo efeito e essa foto passe para ultimo e sempre assim sucessivamente.


Melhores Cumprimentos,

Ivo Barbosa

Share this post


Link to post
Share on other sites
cra2sh

É facil, á imagem que clicas-te adicionas uma class em que o $this é deslocado para a direita, quando clicar em outra imagem removes essa class e adicionada na nova clicada.

Share this post


Link to post
Share on other sites
ivobarbosa

É facil, á imagem que clicas-te adicionas uma class em que o $this é deslocado para a direita, quando clicar em outra imagem removes essa class e adicionada na nova clicada.

Podes exemplificar amigo?Ainda sou um bocado verde em jquery, se fores ver o código fonte vês como tenho.

como consigo aceder as outras imagens para remover o efeito.

Tenho isto:

$(document).ready(function () {

$("#acordiao li").click(function(){

$("#acordiao li").animate({width: "60px"}, {duration:500, queue:false});

$(this).animate({

//width: "690px"

},

'slide', {direction: 'left'},

{duration:500,

queue:false}

);

activeItem = this;

});

});


Melhores Cumprimentos,

Ivo Barbosa

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.