[ Príspevkov: 9 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Efekt obrazka

Registrovaný: 03.01.07
Prihlásený: 07.01.11
Príspevky: 242
Témy: 54 | 54
Bydlisko: Bardejov
NapísalOffline : 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).


_________________
My PC: :smoky:| CPU- Intel Celeron 2.4Ghz | RAM - DDR400 1GB | M.B. - Asus P4P800S SE | G.K. - GeForce FX 5500 | HDD - WD 80GB | Asus DVD-E616P| Asus DRW-1608P3S | Monitor - Samsung: SyncMaster T220HD | Linux user
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 10.07.08
Príspevky: 190
Témy: 40 | 40
Bydlisko: BA
NapísalOffline : 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


Offline

Užívateľ
Užívateľ
Efekt obrazka

Registrovaný: 19.07.08
Prihlásený: 20.07.08
Príspevky: 11
Témy: 2 | 2
Bydlisko: Bratislava
NapísalOffline : 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>


_________________
www.pixo.sk
Offline

Užívateľ
Užívateľ
Efekt obrazka

Registrovaný: 26.12.06
Prihlásený: 30.10.17
Príspevky: 3971
Témy: 181 | 181
Bydlisko: Nitra / Bra...
NapísalOffline : 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;}


_________________
Sorry za prelkepy
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 10.07.08
Príspevky: 190
Témy: 40 | 40
Bydlisko: BA
NapísalOffline : 20.07.2008 0:58 | Efekt obrazka

nj, je to tak lepsie (len ked chcel js kod :D ;) )akurat ze musi mat tmave pozadie....


Offline

Užívateľ
Užívateľ
Efekt obrazka

Registrovaný: 26.12.06
Prihlásený: 30.10.17
Príspevky: 3971
Témy: 181 | 181
Bydlisko: Nitra / Bra...
NapísalOffline : 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 :D


_________________
Sorry za prelkepy
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 10.07.08
Príspevky: 190
Témy: 40 | 40
Bydlisko: BA
NapísalOffline : 20.07.2008 1:05 | Efekt obrazka

noo, myslel som ze to bude svetlejsie.... (neni to moc pekne :D ) ja len tak ze ked kcel z tmaveho obr. na svetli.... ale fakt je ze by pod neho mohol dat neake cierne pozadie


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 10.07.08
Príspevky: 190
Témy: 40 | 40
Bydlisko: BA
NapísalOffline : 20.07.2008 1:07 | Efekt obrazka

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


Offline

Užívateľ
Užívateľ
Efekt obrazka

Registrovaný: 26.12.06
Prihlásený: 30.10.17
Príspevky: 3971
Témy: 181 | 181
Bydlisko: Nitra / Bra...
NapísalOffline : 20.07.2008 1:14 | Efekt obrazka

ved on si to spravi, jak potrebuje :D hadam neni hlupy

no sak ja som nevedel, ze kedy to poslal, ty si prvy reagoval :D a uz by aj stacilo OT :lol: a mozno to pomoze nekomu inemu :)


_________________
Sorry za prelkepy
 [ Príspevkov: 9 ] 


Efekt obrazka



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

EFEKT

v Grafické programy

6

1125

14.04.2008 22:29

prandof

V tomto fóre nie sú ďalšie neprečítané témy.

Efekt

v Video programy

2

350

31.08.2011 9:49

adam.straka

V tomto fóre nie sú ďalšie neprečítané témy.

hover efekt

v HTML, XHTML, XML, CSS

1

501

08.08.2011 9:54

goodfridays

V tomto fóre nie sú ďalšie neprečítané témy.

hrdzavy efekt!

v Modifikácie, návody a projekty

6

1488

06.01.2008 9:48

vkmt

V tomto fóre nie sú ďalšie neprečítané témy.

Efekt písma

v Video programy

1

248

24.03.2010 6:59

Jaro

V tomto fóre nie sú ďalšie neprečítané témy.

GTA efekt

v Grafické programy

8

824

02.10.2008 6:38

CommanderBomber

V tomto fóre nie sú ďalšie neprečítané témy.

Video efekt

v Video programy

2

398

13.02.2011 17:22

sparco8888

V tomto fóre nie sú ďalšie neprečítané témy.

Video efekt

v Video programy

0

130

10.09.2017 21:58

Marick

V tomto fóre nie sú ďalšie neprečítané témy.

LPT LED EFEKT

v Modifikácie, návody a projekty

13

4394

04.11.2010 19:54

mirec5421

V tomto fóre nie sú ďalšie neprečítané témy.

efekt s obrazkami

v HTML, XHTML, XML, CSS

2

435

17.10.2009 1:09

chrono

V tomto fóre nie sú ďalšie neprečítané témy.

Efekt v zvuku

v Audio programy

5

497

05.12.2010 11:28

haffen

V tomto fóre nie sú ďalšie neprečítané témy.

Hladam Video Efekt

v Video programy

0

120

29.01.2013 14:38

TaggerxXx

V tomto fóre nie sú ďalšie neprečítané témy.

pomoc LPT efekt

v Elektronika

2

655

31.05.2008 16:09

Hogen123

V tomto fóre nie sú ďalšie neprečítané témy.

over mouse efekt

v JavaScript, VBScript, Ajax

1

245

30.01.2011 14:02

Flety

V tomto fóre nie sú ďalšie neprečítané témy.

LPT Efekt-problem

[ Choď na stránku:Choď na stránku: 1, 2 ]

v Elektronika

35

1744

10.08.2007 13:09

paradajka

V tomto fóre nie sú ďalšie neprečítané témy.

seo efekt alebo účel?

v Internetový marketing, SEO, reklama

22

1498

22.05.2009 21:37

shaggy



© 2005 - 2018 PCforum, edited by JanoF