Ir para conteúdo
Fórum Script Brasil
  • 0

Interação com imagens em HTML?


NEshadows

Pergunta

Bom dia a todos do fórum,

Eu preciso que quando passarmos o cursor do meu mouse encima de uma imagem, ela aumente de tamanho, dessa maneira a página ficaria mais interativa e menos "morta",não tenho certeza se o html nos permite fazer tal comando,mas se não for possível por favor, me indique a linguagem que faz. :)

Obrigado desde já!.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Apenas com HTML não vai ser possível, pois ela consiste apenas numa linguagem de marcação (markup).

No entanto, pode ser feito facilmente com jQuery (ou mesmo com JavaScript nativo). Aqui fica um exemplo utilizando jQuery:

$(function () {
    var w = $("img").width(), //dimensões iniciais da imagem
        h = $("img").height();
    $("img").on("mouseenter", function () {
        $(this).attr("width", w * 1.5);
        $(this).attr("height", h * 1.5);
    });
    $("img").on("mouseleave", function () {
        $(this).attr("width", w);
        $(this).attr("height", h);
    });
});
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...