CSS i boje

[Dekip]

Градим нешто са променљивим позадинама. Рецимо слика куће и испод неколико дугмића и за свако дугме другачија боја. Посетилац кликне на жељено дугме и кућа промени боју. Све то је ок и све то ради како треба.
Само, кућа има и бочну страну која осликава дубину. Не иде да и та бочна страна иде у исту боју.

Дакле, да ли има начин да се некако аутоматизује боја да када се кликне на неку боју лице оде у ту боју а да бочна страна оде у тон или два тамнију? Имам скоро 80 боја, ко да ручно тражи тамнију за сваку.

Слика ми је подељена у два diva и сваки div има свој id. Користим onclick event који прима javascript и мења css у зависности који линк/дугме је кликнуто.

Да ли би могло некако са divom преко diva па z-index, па онда opacity...

[Novica89]

Hm,pogledao sam Photoshop i RGB vrednosti imaju odredjenu logiku kada im podesavas samo brighteness.
Ako recimo imas crvenu boju (ili bilo koju boju) sa vrednosti R 153 G 84 B 84 (brighteness je ovoj boji na 60%) i smanjis za istu boju brighteness na 40% dobijas vrednosti R 102 G 56 B 56. Iz ovog zakljucujem da se vrednost RGB vrednosti smanjila za 1/3. Tako bi mogao da upotrebis mozda vrednosti u javascriptu i u stvari stvoris algoritam za nove,mracnije boje u odnosu na svoje svetlije boje ili obrnuto.
Recimo:

PHP kod:

var R_svetla = 153,
     G_svetla = 84,
     B_svetla = 84,
     R_tamna = (R_svetla*2)/3,
     G_tamna = (G_svetla*2)/3,
     B_tamna = (B_svetla*2)/3;
$('#prednji_deo_kuce').css('background','rgb(R_svetla,G_svetla,B_svetla)').next().css('background','rgb(R_tamna,G_tamna,B_tamna)'); 


Ovo je naravno pod uslovom da koristis jQuery (jer nisam vican cistom Js-u) zatim da su ti div-ovi jedan pored drugog i da uopste moze da se uradi na ovaj nacin
nadam se da sam imalo pomogao smejem se sam sebi na fix idejama

[Dekip]

За сада је то још увек у некој штурој форми. Морам ручно да подесим вредности боја за сваку која ми треба, тако да је то посао сам по себи. Мораћу да направим мали css фајл за сваку боју...

Постигао сам са:

opacity:0.8;
filter:alpha(opacity=80);

да ми бочна страна добије солидан ефекат дубине. Дакле једна боја за оба diva а један је мало провидан и ето...

Ако неко има паметнију идеју... Ја се још некако и дружим са javascriptom али jquery знам таман толико да променим туђе када ми нешто треба.