[HTML][CSS][PHP]Jak zrobić coś takiego? Opcje

[kubw19]

Witam!!! Ni wiem czy w dobrym miejscu to pisze ale nie wiem jak zrobić takie zdjęcia jak na stronie http://www.amnezja.art.pl/sklad.php Jeszcze jestem ciekaw jak zrobić taką przezroczystość. Proszę o pomoc!!!

Pozdrawiam

Z góry dziękuje!!!

[krzywy36]

całkiem możliwe, że da się taki efekt zrobić z mapą obrazkową i :hover a jak nie to js. Co do przezroczystości to możesz np. zrobić w photoshopie wypełnienie i zmiejszyć krycie.
Edit: zobacz w kod strony, to są po prostu podmieniane obrazki.

Ten post edytował krzywy36 12.03.2011, 11:17:25

[konole]

Obrazek:
http://www.amnezja.art.pl/img/bartek0.png

Kod

Kod

<a href="bartek.php" title="Bas" id="sklad"><img src="img/bartek0.png" alt="Bas" id="sklad" border="0"  /></a

a#sklad {
display: block;
width: 150px;
height: 446px;
overflow: hidden;
}
a img#sklad {
display: block;
}
a:hover img#sklad {
margin-left: -150px;
}

Jakby nie patrzeć, "niemęskie" rozwiązanie. ^^

[krzywy36]

mały offtop co do efektu rollover: http://riddle.jogger.pl/2006/06/08/jeszcze...rollover-w-css/

[Kujski]

Jeżeli chodzi o przezroczystość tła to jak wspomniał Krzywy36 najlepiej ustawić ją w programie graficznym - atrybut opticaly. Później odpowiedni zapis w formacie *.png powinien całą sprawę załatwić.

Odnośnie zdjęć jaki pokazują się na stronie jest wiele sposobów. Wszystko zależy do czego mają Ci one posłużyć. Najprostszy lecz nie zawsze działający jest sposób z dodaniem js i wartości w onmouse - jeżeli dobrze kojarzę powinno to wyglądać tak:

[HTML] pobierz, plaintext 
<td onmouseover="this.style.background-images='url'" onmouseout="this.style.background-image='url'"> 
[HTML] pobierz, plaintext 

[krzywy36]

jeśli coś można zrobić bez js, to zrób to bez js

[kubw19]

Dzięki za wszystkie odpowiedzi!!!
Pozdrawiam!!!!