Efekt obrazka

t0ki · Napísal **t0ki**: 19.05.2008 16:49 | Efekt obrazka

Cawte zháňam jeden Skript ktorý dokáže stmaviť obrázok na požadovanu farbu (tmavá) a pri prejdeni kurzorom myši na obrázok sa zo svetli obrázok (bude ho vidno normálne).

m4r14n · Napísal **m4r14n**: 19.07.2008 22:27 | Efekt obrazka

no, tak spravil som toto...

Kód:

<script>

function zosvetli(){
document.all.obr.filters.alpha.opacity=40;
}

function ztmav(){
document.all.obr.filters.alpha.opacity=100;
}

</script>

Kód:

<img src="obrazok.jpg" name="obr" ID="obr" alt="JS" style="filter:alpha(opacity=100);" onMouseOut="ztmav()" onMouseOver="zosvetli()">

toto ale funguje tak, ze obrazok je normalny a ked nanho prejdes mysou zpriehladni sa (zosvetli).... priehladnost je opacity (100=nepriehladny)
keby si chcel aby bol obr tmavy a zosvetlil sa, tak jedine ze by si dal cierne pozadie a zamenil hodnoty opacity....
no ale hacik je v tom, ze to funguje len v MS IE

fotograf · Napísal **fotograf**: 20.07.2008 0:18 | Efekt obrazka

Vôbec na to nepotrebuješ JavaScript.
V príklade, ktorý m4r14n napísal, tiež cez JS iba meníš CSS vlastnosť (čo je absurdné, a pomalé).

Predpokladám, že tie obrázky budú tiež slúžiť ako linky,
takže potrebuješ iba CSS deklaráciu, spravil som ti ako ilustráciu celé HTML (potrebuješ už len nejaký obrazok.jpg):

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
   <title>Opacity test</title>

   <style type="text/css">
      .box {
         background:#000;
      }
      .box a img {
         -moz-opacity:0.6; /* Mozilla, Firefox */
         filter:alpha(opacity=60); /* IE */
      }
      .box a:hover img {
         -moz-opacity:1;
         filter:none;
      }
   </style>
</head>

<body>
   <div class="box">
      <a href="#">
         <img src="obrazok.jpg" width="150" height="150" alt="popis obrázku" />
      </a>
   </div>
</body>
</html>

emer · Napísal **emer**: 20.07.2008 0:28 | Efekt obrazka

fotograf, ok, ale čo opera?

ešte dodať do .box a img{opacity: .60;}
a do hoveru .box a:hover img{opacity: 1;}

m4r14n · Napísal **m4r14n**: 20.07.2008 0:58 | Efekt obrazka

nj, je to tak lepsie (len ked chcel js kod

)akurat ze musi mat tmave pozadie....

emer · Napísal **emer**: 20.07.2008 1:02 | Efekt obrazka

nemusí mať tmavé pozadie, prečo by musel? keď bude mať biele pozadie, fotky budú svetlejšie, podľa priehľadnosti, keď bude mať čierne pozadie, fotky budú tmavšie, podľa prihľadnosti... keď bude mať na pozadí nejakú fotku, tak tie fotky budú "zmiešané", podľa priehľadnosti

ALEBO SOM NEPOCHOPIL, AKO SI TO MYSLEL - skoré ranné hodiny

m4r14n · Napísal **m4r14n**: 20.07.2008 1:05 | Efekt obrazka

noo, myslel som ze to bude svetlejsie.... (neni to moc pekne

) ja len tak ze ked kcel z tmaveho obr. na svetli.... ale fakt je ze by pod neho mohol dat neake cierne pozadie

m4r14n · Napísal **m4r14n**: 20.07.2008 1:07 | Efekt obrazka

a zaujimave je ze t0ki to pisal pred 2 mesiacmi, a az teraz sa rozbehla diskusia

emer · Napísal **emer**: 20.07.2008 1:14 | Efekt obrazka

ved on si to spravi, jak potrebuje

hadam neni hlupy

no sak ja som nevedel, ze kedy to poslal, ty si prvy reagoval

a uz by aj stacilo OT :lol:

a mozno to pomoze nekomu inemu

Efekt obrazka

Efekt obrazka

Podobné témy

EFEKT

Efekt

hover efekt

hrdzavy efekt!

Efekt písma

GTA efekt

Video efekt

LPT LED EFEKT

efekt s obrazkami

Efekt v zvuku

Hladam Video Efekt

over mouse efekt

pomoc LPT efekt

LPT Efekt-problem

seo efekt alebo účel?

Farebny video efekt (prechod)???