Efekt obrazka

t0ki · Napísal **t0ki**: 19.05.2008 16:49

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

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

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

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

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

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

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

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

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

Podobné témy