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

Como mudar esse CSS?


Chriistiian

Pergunta

Tipow, estou com uma galeria, em que quando você passa o mouse em cima de uma das fotos, a imagem aumenta para 200x150, eu queria saber como faço para quando passarem o mouse, a imagem fique no tamanho real ? o código está logo abaixo:

.hoverbox .preview
{
    border-color: #000;
    width: 200px;
    height: 150px;

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Já tentou trocar onde tem 200px e 150px pelos tamanhos da foto?

Cara eu não sou um expert em css, mas se você não souber o tamanho real da foto, ou não quer ficar colocando o tamanho em todas as fotos, tenta tirar as propriedades width e height?

não sei se pode dá certo, mas tenta aí, se não consegui, volta que a gente te ajuda...

vlw

Matheus Matos

Link para o comentário
Compartilhar em outros sites

  • 0

Com CSS é até possível fazer, mas não funcionará em navegadores mais antigos (apenas funcionaria a partir do IE7)

Em JavaScript ficaria +/- assim:

var imagem=document.getElementById("sua_imagem")
imagem.onmouseover=function(){
this.style.width="500px"
this.style.height="500px"
}
imagem.onmouseout=function(){
this.style.width="100px"
this.style.height="100px"
}
imagem.onmouseout()

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
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...