PNG-Überlagerung | Multiplizieren

[Floatax]

Hi,
ich hab mal ne ziemlich ungewöhnliche frage.. für einen auftrag unserer werbeagentur muss ich ein programm schreiben, welches halbtransparente röntgenbilder eines Flughafen-Kofferscanners (PNG-Dateien) übereinander legt.. das ganze will ich mit divs realisieren.. das unterste div soll der koffer sein.. dann über der kofferebene die ebenen der einzelnen "durchleuchteten" gegenstände.. alles pngs..
problem ist jetz nur, dass diese halbtransparenten pngs sich auch multiplizieren sollen.. (zwei farben übereinander -> farbe an überlagernden stellen dunkler).. so wie man das in photoshop mit dem ebenstil "multiplizieren" erreicht..
Kann ich sowas auch in einer beliebigen scriptsprache umsetzen, also javascript etc?

Vorkenntnisse in PHP, HTML und JS sind vorhanden, ich hab im moment bloß keine ahnung ob und wie das funktioniert..

Könnt ihr mir bei dem Problem weiterhelfen?

Danke
Floatax

EDIT: Hier noch ein Beispielbild, wie es aussehen soll:

[rewboss]

Das dürfte eigentlich kein Problem sein -- arbeite doch mit dem Alpha-Kanal. Oder warum geht das nicht?

[Floatax]

meinst du das geht? der alpha-kanal ist doch eigentlich nichts anderes als die transparenz in den pngs oder? am einfachsten wäre ja wirklich, wenn man html oder javascript irgendwie beibringen könnte, dass er für das png bild genau wie in photoshop den ebenenstil "multiplizieren" setzen soll..

[rewboss]

Zitat von Floatax

meinst du das geht? der alpha-kanal ist doch eigentlich nichts anderes als die transparenz in den pngs oder?

Hast du es ausprobiert?

[Rinaldo]

Ich hab es mal probiert: Pack die Badehose ein...

[Floatax]

hi.. danke.. so ungefähr soll es aussehn.. nur, dass sich die farben der bilder nun noch multiplizieren sollen (additive farbmischung) .. hast du ne ahnung wie man das schaffen könnte?

PS: wie hast du es jetz geschafft, die pngs mit dem alpha-kanal zu speichern, so dass sie ohne komplizierten code transparent im firefox angezeigt werden?

Floatax

[Rinaldo]

Werden die Grafiken immer an der gleichen Position angezeigt? Dann könnte man sie gleich in Photoshop so vorbereiten.

Wie ich es ohne komplizierten Code geschafft habe? Naja, Firefox unterstützt die Transparenz der PNG-Dateien sowieso - da hat nur der IE seine Problemchen (IE7 nicht mehr). Und das wird mit einem IE-Hack umgangen:

img {
behavior: url(iepngfix.htc); /* Für die Transparenz der PNG-Grafiken im IE6 */
}

Auf dem Server liegt dann noch ein blank.gif und eben die per CSS angesprochene "iepngfix.htc" - die auch dem IE die Transparenz beibringt.

Hab Dir das mal in die angehängte ZIP gelegt, einfach mal ausprobieren.