← Javascript

Click numa div e aparece noutra div

Lida 4136 vezes

Offline

alexandremdn 
Membro
Mensagens 94 Gostos 2
Feedback +2

Troféus totais: 25
Trófeus: (Ver todos)
Nineth year Anniversary Level 5 Level 4 Avatar Eighth year Anniversary Seventh year Anniversary Windows User Super Combination Combination Topic Starter

Boa Pessoal,

estou com um problema. Alguem tem algum código para que ao clicar na div A. aparece-se a imagem em tamanho maior na div B.

<div class="A">

   <img src=" ">

</div>

<div class="B">

   <img src=" ">

</div>

Obrigado
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Código: (html4strict) [Seleccione]
<script type="text/javascript">
    function changeClass() {
        document.getElementById('imagem_grande').classList.remove('esconder');
    }
</script>

<style>
.esconder {
    display: none;
}
</style>


<div class="A">
   <a href="#" onclick=" changeClass()"><img src=" "></a>
</div>

<div class="esconder" id="imagem_grande">
   <img src=" ">
</div>

Vê se resulta.
Offline

ricardomoreira 
Membro
Mensagens 69 Gostos 0
Troféus totais: 19
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter Level 3 Level 2 Level 1 50 Posts 10 Posts

Boa Pessoal,

estou com um problema. Alguem tem algum código para que ao clicar na div A. aparece-se a imagem em tamanho maior na div B.

<div class="A">

   <img src=" ">

</div>

<div class="B">

   <img src=" ">

</div>

Obrigado

Em jQuery podes fazer assim por exemplo:

Código: [Seleccione]
$("div.A").click(function() {
$("div.B img").attr("src", $("div.A img").attr("src"));
});

Não testei, mas deverá funcionar para o que pretendes.
Offline

ricardomoreira 
Membro
Mensagens 69 Gostos 0
Troféus totais: 19
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter Level 3 Level 2 Level 1 50 Posts 10 Posts

Queria editar. Apaguem sff.