[css] image darker

[chris]

Is het mogelijk om met CSS een plaatje wat donkerder te laten zien, zoals op http://www.btmetaal.nl/
Ik zie dat dit gedaan is met gewone plaatjes, maar is het ook mogelijk met CSS?

Grtz.

[Mithrandir]

Op zaterdag 08 december 2001 10:16 schreef dev-null het volgende:
Is het mogelijk om met CSS een plaatje wat donkerder te laten zien, zoals op http://www.btmetaal.nl/
Ik zie dat dit gedaan is met gewone plaatjes, maar is het ook mogelijk met CSS?

Grtz.

onmogelijk met CSS.
FF photoshop kopen ofzo, en dan 't plaatje wat donkerder maken...

[DeFeCt]

Zwart vlakje over je foto heen leggen en daar de opacity van opfunken, maar zie niet helemaal waarom je dat zou willen

[chris]

Ik wil het ook niet, maar een klant. Ik weet ook heus wel hoe het met fotosjop moet, da's geen probleem. Maar aangezien CSS minder bandbreedte kost vroeg ik me af of zoiets bestond.....
Maar als het niet bestaat dan is het jammer maar helaas.

[Verwijderd]

Op zaterdag 08 december 2001 13:05 schreef dev-null het volgende:
Ik wil het ook niet, maar een klant. Ik weet ook heus wel hoe het met fotosjop moet, da's geen probleem. Maar aangezien CSS minder bandbreedte kost vroeg ik me af of zoiets bestond.....
Maar als het niet bestaat dan is het jammer maar helaas.

Hoezo meer bandbreedte? als je een plaatje donkerder maakt met photoshop wordt het heus niet opeens 2x zo groot hoor, of bedoel je dat niet?

[Verwijderd]

Op zondag 09 december 2001 12:30 schreef Dondervogeltje het volgende:

Hoezo meer bandbreedte? als je een plaatje donkerder maakt met photoshop wordt het heus niet opeens 2x zo groot hoor, of bedoel je dat niet?

Dan hoef je geen aangepast gifje ofwat in te laden bedoelt die misschien..
Maar dat klopt nog niet omdat je dan sowieso nog de originele gif moest inladen..
Opmerking klopt dus niet.

[Thijsmans]

plaatje als achtergrond in een tabel, dan een zwarte pixel erover heen even breed/hoog als plaatje, en dan style:

code:

.zwarter{ 
       layer: alpha(opacity=20)
      }

Dan is dat plaatje dus zwarter.

[Willem]

Het kan heel makkelijk in CSS.
Ik zou het op een iets andere manier doen.

Maak 2 layers (i.p.v. bgimage) en de ene layer evengroot als de andere en op dezelfde positie.

In de bovenste layer een gifje van 1 bij 1 px. zwart die je statisch oprekt. (In de HTML dus) Deze layer een z-index van 1 geven, en idd een opacity van 50%.

[chris]

He tnx, dit was p-cies wat ik zocht! Het kon dus wel, maar niet zo simpel als ik dacht. (Hoewel dit ook makkelijk was). Grtz.

[RM-rf]

Op zondag 09 december 2001 13:45 schreef Prammenhanger het volgende:
plaatje als achtergrond in een tabel, dan een zwarte pixel erover heen even breed/hoog als plaatje, en dan style:

code:

.zwarter{ 
       layer: alpha(opacity=20)
      }

Dan is dat plaatje dus zwarter.

Op zondag 09 december 2001 13:45 bedoelde Prammenhanger echter het volgende:

code:

.zwarter{ 
   filter: alpha(opacity=20);
   /* filter property voor msie4+ */
   -moz-opacity:20%;
   /* filter property voor mozilla 
    (tijdelijk tot officiele opacity propertie 
    in CSS3 gedefinieerd is) */
}

Pas dan is dat plaatje dus zwarter.