Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 237
Localização: Florianópolis/SC
Contato:

opacidade na imagem

13-12-2007 19:08

Preciso usar vários estagios de opacidade na imagem, conforme o resultado de uma consulta no bd.

tentei vários scripts e so funcionavam no IE, achei aqui no forum mesmo um scritp que vc fez sobre fading qdo passa o mouse na img. Ele funciona no FF, entao editei e usei ele

.imagem_hover{ filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }

Acredito que este "-moz-opacity:.70;" seja pra funcionar no FF, mas como são várias imagens e podem ter niveis de opacidade diferente, seria melhor se a opacidade fosse definida na propria tag que chama a img.

ex.

<img src="logo.gif" style="filter:alpha(opacity=30)">

mas isto so funciona no IE, nao consegui inserir as outras definições de estilo de modo que funcione tanto no IE quanto no FF.

Tem como fazer isto?
0
MIDZ.com.br
http://www.midz.com.br
Soluções Web
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

opacidade na imagem

13-12-2007 19:15

sim, ficaria do tipo:

<img src="figura.jpg" style="filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10;"> <img src="figura.jpg" style="filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20;"> <img src="figura.jpg" style="filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30;">

continua..
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 237
Localização: Florianópolis/SC
Contato:

opacidade na imagem

13-12-2007 19:18

Blz, funciona.

eu tava errando no ";" entre um estilo e outro,

valeu.
0
MIDZ.com.br
http://www.midz.com.br
Soluções Web
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

opacidade na imagem

13-12-2007 19:20

:)
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

opacidade na imagem

14-12-2007 09:03

tentei fazer isso + não deu
podem me ajudar??

<img src="img.jpg" onmouseover="this.style.filter:alpha(opacity=30);">

0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

opacidade na imagem

14-12-2007 09:14

Nesse caso, tem que trabalhar com a class da figura, veja o exemplo:

<style type="text/css"> .img{ filter:alpha(opacity=100); -moz-opacity:.99; opacity:.99; } .img_hover{ filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .img_out{ filter:alpha(opacity=100); -moz-opacity:.99; opacity:.99; } </style>


<img src="figura.jpg" class="img" onmouseover="this.className='img_hover'" onmouseout="this.className='img_out'">

1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 348
Sexo: Masculino
Localização: Paraná/São Mateus do Sul/Brasil
Contato:

opacidade na imagem

14-12-2007 09:28

cara
vc manda

vlw

;)
0
Está precisando de um Website?
Acesse ww.listasms.com/web e faça um orçamento sem compromisso!
Ígor

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado