Kontrolowane nakładanie się obrazków

0

Witam, od jakiegoś czasu jestem biernym czytelnikiem tego forum, dzisiaj jednak postanowiłem założyć konto, ponieważ nie znalazłem odpowiedzi (chociażby częściowej) na mój problem.

Potrzebuję zrobić coś na kształt menu - złożone z grafik, które się na siebie nakładają, a po najechaniu myszką się rozsuwają. Nie wiem za bardzo, jak to "profesjonalnie" opisać, najbardziej zbliżony do moich oczekiwań jest skrypt na stronie
http://www8.hp.com/pl/pl/home.html
jednak ja chciałbym zrobić to bez użycia ActionScript. Co o tym myślicie? Da się?

0

Ofc, że się da, wpisz sobie HTML... albo CSS rozsuwane menu w G.

0

No rozumiem, poszukam jeszcze, jednak te wszystkie sztuczki (jakie znalazłem) polegają na tym, że obrazek się zwęża, a ja potrzebuję nakładania, co utrudnia zadanie na tyle, ze nie zdołałem nic wywnioskować z googli.

Dzięki za odpowiedź, jak mówię, poszukam. Jakby ktoś znalazł jednak dokładnie odpowiedź na moje pytanie, to proszę o zamieszczenie.

0

Dosyć proste, pomijając tylko fakt, że warstwy za bardzo pod skosem być nie mogą (chyba, że w css3, tutaj pogląd: http://jsbin.com/uwakul/edit#html,live ).
Ot kontener z position relative i trzy kolejne warstwy z absolutem, po najechaniu na każdą z nich przesuwasz je tylko np. jQuerowym animate, po zejściu myszą z kontenera wracasz im pozycje tak, żeby było równomiernie.
Podsumowanie - do skosów transform
poza tym poczytaj o position i oczywiście left top itd.
do tego trochę jQuery, i jego funkcje: mouseenter mouseleave animate
bodajże tyle ;)

edit:
przykład, który podałeś jest na html + zabawki, nie ma ActionScripta czyli Flasha..
Widzę, że jest użycie svg, może w tym też by coś wykombinował z pochylonymi warstwami - za mało wiem o svg.

1 użytkowników online, w tym zalogowanych: 0, gości: 1