wyświetlanie zdjęć w kołach

[sebur]

mam zamiar zrobić stronę z modułami w kształcie kółek, w których maja się wyswietlac zdjęcia,
jak to można zrobić?

[koziolek]

Najszybciej to dociąć inna metoda to zdefiniować nad warstwą z obrazkiem warstwę z maską w postaci png lub w gif. Druga metoda jest o tyle lepsza że nie wymaga kombinowania z IE. Jedyna wada to mało kolorów dla gif

[sebur]

tak tak dociąć, pociąć to potrafie........chodzi mi o coś takiego;
klikam w menu jakiś link np. "galeria" i wtedy w okreśklonych kółkach wyskakują zdjęcia.....
jak by to były prostokąty albo kwadraty to bym sobie powrzucał pływjące ramki ale ja chce to zrobić w kólkach....

[koziolek]

no to metoda nr. 2 czyli odpowiednio wypozycjonowane warstwy.Przykład:
HTML:

Kod: Zaznacz cały

<div id="pC">
  <div id="imgP"><img width="200" height="300" / ></div>
  <div class="mask"></div>
</div>

css:

Kod: Zaznacz cały

#pC{position: relative}
#imgP{position: absolite; top: 0; left : 0; z-index:5}
.mask{position: absolite; top: 0; left : 0; z-index:10; background-image: url("mask.gif");  width: 200px; height: 300px;}

mask.gif jest obrazkiem z wyciętym przezroczystym kołem. Można użyć png, ale trzeba użerać się z IE. mask.gif jest umieszczony nad zdjęciem i odpowiednio je docina. Prosta i niekłopotliwa metoda pracy na warstwach.
Samo ładowanie można rozwiązać za pomocą np. JS lub iframek