Avaleht
uus teema   vasta Tarkvara »  Programmeerimine »  JavaScript ja heledus märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 11.10.2008 11:45:58 JavaScript ja heledus vasta tsitaadiga
Kas oleks mõeldav JavaScripti ja CSS abil mingi leheosa heledus -tumedus skaala muutmine nagu saab filter:alpha(opacity=90); määrata?
Kuidas seda teostada?
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
ref
Kreisi kasutaja

liitunud: 10.08.2003
sõnum 11.10.2008 14:01:28 vasta tsitaadiga
Jah oleks.
document.getElementByID("sinuelemendiID").style = "filter: alpha(opacity=90);";
soovituslikult kasuta mõnd JS frameworki (jQuery on hea, Prototype ajab asja ära)

ning veel, mäleta seda, et IE6 (mida minule kättesaadava statistika alusel siiski ilgelt suur hunnik rahvast kasutab), ei toeta selliseid lahedaid vidinaid nagu alpha kanali muutmine jms "pisiasjad".
Kommentaarid: 17 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 15
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 11.10.2008 16:32:57 vasta tsitaadiga
tsitaat:
Jah oleks.
document.getElementByID("sinuelemendiID").style = "filter: alpha(opacity=90);";

Said mu küsimusest valesti aru. Seda läbipaistvust ma oskan muuta, aga tahaks muuta heledust. Pildil näiteks või mingil taustavärvil.

tsitaat:
ning veel, mäleta seda, et IE6 (mida minule kättesaadava statistika alusel siiski ilgelt suur hunnik rahvast kasutab), ei toeta selliseid lahedaid vidinaid nagu alpha kanali muutmine jms "pisiasjad".

Vägagi toetab ja palju paremini kui teised. Paljud filter seaded ainult IE peal töötavadki.

Edit: nii lihtsalt seda opasityt ka ei lahendata 8)

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
   }

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
nene
Kreisi kasutaja
nene

liitunud: 20.03.2004
sõnum 15.10.2008 00:15:06 vasta tsitaadiga
andrusny kirjutas:
Seda läbipaistvust ma oskan muuta, aga tahaks muuta heledust. Pildil näiteks või mingil taustavärvil.


Taustavärvil saab heledust seadistada üsna lihtsalt määrates värvi CSS-is hsl() funktsiooni abil:

background-color: hsl(hue%, saturation%, lightness%);


Nojah... IE-ga see muidugi ei tööta.

Pildi heledamaks-tumedamaks muutmisel võib toimida selline trikk, et katad pildi valget värvi div-ga, millel on just nii palju läbipaistvust määratud kui palju sa soovid seda pilti heledamaks muuta.

Mingit lihtsalt toimivat lahendust ilmselt pole. Ja need filter-asjad on kõik puhtalt IE-põhised ning ei tööta kusagil mujal.
Kommentaarid: 24 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 23
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 15.10.2008 00:21:52 vasta tsitaadiga
kui pilt pole valgel taustal juba, siis div pildi taha ja pildile opacity, ie jaoks eraldi veel filter lisaks
http://www.w3schools.com/Css/css_image_transparency.asp
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 15.10.2008 12:48:10 vasta tsitaadiga
Tänud, kui jah browserid üle kavaldada, saab seda ajada. Täielikult toimivaid lahendusi olen Java aplettidena näinud, kuid need on ka enamus sellised poolikud olnud, mis kas käivituvad suht kaua või ei toimi kõigis browserites. Peale kõige muu eeldavad need Java õige versiooni olemasolu kliendi arvutis, mis puudub päris tavakasutajatel vist paljudel.
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 15.10.2008 14:08:21 vasta tsitaadiga
java on halb lahendus, kuna see pole brauseri standardvarustuses
javascript/css on brauseriga kohe kaasas
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 28.10.2008 01:24:33 vasta tsitaadiga
Tõstaks veidi teemat. Ei leidnud otseselt heleduse muutmist, kuid leidsin päris huvitavaid pildi efekte Js abil teostamiseks.
Vaadake siia
Eriline pärl on vast nurga pööramine koos pildiga. Isegi paljud desktop programmid ei tee seda asja nii perfektselt.
Curl
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  Programmeerimine »  JavaScript ja heledus
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.