Ir para conteúdo

Arquivado

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

dlest

escalonamento de imagens

Recommended Posts

Olá sou novato em jquery e estou tendo dificuldades.Eu estou querendo que quando eu clicar em uma imagem o jquery pegue a classe da imagem e depois pegue a id dessa imagem especifica e somente nessa imagem escalone.Eu não estou conseguindo que o jquery escalone a imagem com id selecionada.

 

Código logo abaixo.

.............................

 

<script>
$(document).ready(function(){
$(".fotoUnitaria").click(function(){ <<<<<<<<<<<Pega todas as fotos
var id = $(".fotoUnitaria").attr('id'); <<<<<<<<<<<< Pegua o id da foto clicada

$(id).animate({width:'150',height:'150'},"slow"); <<<<<<<<<<<<<<<Essa parte não funciona
$.attr('id').animate({width:'150',height:'150'},"slow"); <<<<<<<<<<<<<<<Essa parte não funciona


});
$(id).click(function(){ <<<<<<<<<<<<<<<2) tentativa (Essa parte não funciona)
$(id).animate({width:'150',height:'150'},"slow"); <<<<<<<<<<<<<<<3)tentativa (Essa parte não funciona)
});
});
</script>
................

<div id="albúmDeFotos">
<img src="Fotos/natureza1peq.png" class="fotoUnitaria" id="fotoUM"> <<<<<<<<<<Fotos
<img src="Fotos/natureza2peq.png" class="fotoUnitaria" id="fotoDois"> <<<<<<<<<<<<Fotos
<img src="Fotos/natureza3peq.png" class="fotoUnitaria" id="fotoTrês"> <<<<<Fotos
</div>

 

............

Compartilhar este post


Link para o post
Compartilhar em outros sites

O teu código esta pegando os ids de todos os elementos com a classe FotoUnitaria. Para pegar o id da foto clicada use assim:

$(".fotoUnitaria").click(function(){ $(this).animate({width:'150',height:'150'},"slow");

O seletor $(this) pegará o elemento clicado. Assim você poderá tomar qualquer ação sem a necessidade de usar o id.

 

Espero ter ajudado.

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.