Jump to content

  2. →
  3. →

Photo

Como Fazer A Img Linkada Ser Escura, E Qnd ...

Started By LucauM, 17/12/2003, 15:42

  • Faça o login para participar
7 replies to this topic

#1 LucauM

LucauM

    Turista

  • Usuários
  • 41 posts
  • Sexo:Não informado

Posted 17/12/2003, 15:42

Galera, como faz pra fazer pra uma img linkada fikar "apagada" e qnd passar o mouse sobre ela, a img "acender"

um exemplo eh esse site, passe o mouse pela img, e ela ira "acender"

http://www.bluesfear.com/art.htm


Por favor, me expliquem como fazer

OBrigado !
LucauM - Luiz Carlos Rebêlo
Art Gallery : http://www.luizcarlosrebelo.kit.net
Contacts : lucaum_@hotmail.com / Icq - 208151208

#2 RoCcO

RoCcO

    Turista

  • Banidos
  • Pip
  • 59 posts
  • Sexo:Não informado

Posted 17/12/2003, 15:52

Isso ae eh javascript. Dah uma olhada:

coloca isso no head:
<!--SCRIPT DO MOUSEOVER-->
<script>
 	 nereidFadeObjects = new Object();
 	 nereidFadeTimers = new Object();
 	 
 	 function nereidFade(object, destOp, rate, delta){
 	 if (!document.all)
 	 return
       if (object != "[object]"){  //do this so I can take a string too
           setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
           return;
       }
          
       clearTimeout(nereidFadeTimers[object.sourceIndex]);
       
       diff = destOp-object.filters.alpha.opacity;
       direction = 1;
       if (object.filters.alpha.opacity > destOp){
           direction = -1;
       }
       delta=Math.min(direction*diff,delta);
       object.filters.alpha.opacity+=direction*delta;
 	 
       if (object.filters.alpha.opacity != destOp){
           nereidFadeObjects[object.sourceIndex]=object;
           nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
       }
 	 }
</script>
<!--SCRIPT DO MOUSEOVER-->

Depois vc coloca esse código na imagem linkada:
<a href="01.jpg">
<img border="0" src="01b.jpg" width="295" height="196" alt="Clique para ampliar" onmouseover="nereidFade(this,80,10,20)" style="FILTER: alpha(opacity=30)" onmouseout="nereidFade(this,30,10,20)" ></a>

EH +/- isso aew q vc queria?
<?php

$nome = RoCcO
$experiência em Web = PhP, ASP, JavaScript, VBScript.
$experiência em programação = C, Delphi e Visual Basic.
$site = www.roccomail.tk
$email/msn = hacker@terra.com.br
$icq = 264765927

?>

#3 LucauM

LucauM

    Turista

  • Usuários
  • 41 posts
  • Sexo:Não informado

Posted 17/12/2003, 20:29

Exato manow !

Brigadaooo !
(y)
LucauM - Luiz Carlos Rebêlo
Art Gallery : http://www.luizcarlosrebelo.kit.net
Contacts : lucaum_@hotmail.com / Icq - 208151208

#4 Furious

Furious

    Novato no fórum

  • Usuários
  • 16 posts
  • Sexo:Não informado

Posted 19/12/2003, 00:01

Galera, essa pergunta é altamente estupida (julgo eu) , mas sempre qnd eu vejo agum script , tags , sei lah o diabo a quatro , alguen especificam que tem que colocar na HEAD , BODY , como assim ?!?!!?!
POr favor , deem exemplos de facil entendimento .... Brigadaum!!!!
Se Algum Dia O Grande Amor Da Tua Vida Te Chifrar,
E Você Decidir Pular Do Alto Do Seu Prédio,
Lembre-se Você Tem Chifres Não Asas!!

-=-Furious-=-

#5 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 19/12/2003, 09:26

Olha, você, pelo que entendi, quer saber quando devo colocar o script na tag <head> e na tag <body>, correto? Então, todos os scripts que forem adicionados à página (sem conexão de arquivo js), você coloca na tag <head>, como se fosse o parâmetro que você usará depois.

Na tag <body>, você usa o script da tag <head>, que o executa.

<html>
<head>
<script language="javascript">
<!--
function linha(n) {
for (i=1; i<=n; i++)
document.write("Aqui tem um texto que vai se repetir por "+n+" vezes.");
}
//-->
</script>
<title>Inserindo scripts nas tags</title>
</head>
<body>
<script language="javascript">
linha(5);
</script>
</body>
</html>


Entendeu? Caso queira que o rafe (rascunho) do script sirva apenas de apoio futuramente, coloca-se na tag <head> e o que executará na página, coloca na tag <body>.

Isso é o CORRETO, mas muita gente coloca isso de outras formas, mas isso não impede que o script não funcione.

#6 Fulerow_

Fulerow_

    Turista

  • Usuários
  • 54 posts
  • Sexo:Não informado

Posted 19/12/2003, 14:10

Bom... se vc tiver front page vc pode fazer um botão que tenha uma imagem.. no aew.. vc Escureçe ela no Ps ou corel... e bota como a foto ki vc keria quando passasse o mouse (ou vice-versa)

#7 Lengrat

Lengrat

    Mestre

  • Usuários
  • 638 posts
  • Sexo:Não informado

Posted 11/01/2004, 19:48

E se eu precisar desse rollover em Fading?
a imagem ir do gray pra colorida, com uma latência de tempo, ao inves de um simples rollover? :huh:

#8 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 11/01/2004, 20:34

Ficou meio difícil de entender o que você disse, Lengrat.

Você quer que a imagem fique cinza e depois ela recupere sua cor?

Se for isso, adicione isso na tag <head>:

<script language="javascript">
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=20
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script>


E na imagem:

<img src="imagem.gif" style="filter:alpha(opacity=40)" onMouseover="high(this);" onMouseout="low(this);">



Para a imagem ficar cinza para preto, a imagem tem que ser preta.
Voltar para Javascript / DOM / AJAX / ECMAScript


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq