Keskustelu: Nettisivujen teko: Kuva läpinäkyvistä layer kuvista

Heipsan

Onko javascriptillä mahdollista tehdä ominaisuutta, jossa kuva muodostuisi 3-6 png kuvasta? Idea olisi, että olisi taustakuva, ja sitten siihen lätkittäisiin siihen eri kuvia, joista sitten muodostuisi kokonaisuus. Kuvat ova kaikki samankokoisia kuin taustakuva, mutta sitten "ylimääräinen" osuus on läpinäkyvää, joten kuvan sijainnista ei tarvitsisi huolehtia.

Kuvien tallentaminen eri variaatioilla ei tule kysymykseen, koska ne voivat toisinaan muuttua ja vaihtua.

Käytännössä mulla on taulukko, joista joka alkio sisältää tiedon omasta kuvastaan. Aina kun käyttäjä tekee muutoksia (klikkailee checkboxeja) taulusta poistetaan/lisätään ja käytäisiin uudelleen kuva läpi.

Saa ehdottaa mysö PHP:lla, mutta js olisi "dynaamisempi" =)

Laitat vain ne kuvat oikeassa järjestyksessä samaan kohti sivulla.

<div style="position: relative;">
  <img src="a.png" style="position: absolute; left: 0; top: 0;" />
  <img src="b.png" style="position: absolute; left: 0; top: 0;" />
  <img src="c.png" style="position: absolute; left: 0; top: 0;" />
</div>

Tällaisen osaat toivottavasti tuottaa millä tahansa, tai jos et osaa, taitaa olla aika lukea kyseisten kielten perusoppaita.