Efekt wejścia i wyjścia na/ze strony.

pytanie zadane 4 czerwca 2019 w HTML i CSS przez Jacek Drożdżeński Nowicjusz (210 p.)

Dzień dobry. Jak uzyskać efekt i przy pomocy jakiej technologii, który opiszę poniżej. Szukam od dłuższego czasu. W danej chwili w oknie przeglądarki widać jeden obraz. Jest to plik *.png lub *.jpg a jego wielkość jest wielokrotnie większa od okna przeglądarki, czyli do poruszania się po tym obrazie przeglądarka tworzy suwaki i tak ma być. A teraz efekt: najeżdżam kursorem na jakiś ustalony element i od prawej krawędzi okna przeglądarki zaczyna się przesuwać w lewo inny obraz (też *.png lub *.jpg) po kilku sekundach przesłaniając całkowicie obraz pierwszy. W dowolnej chwili w podobny sposób wracam do sytuacji początkowej. To wszystko, nie załączam żadnego kodu, bo nie wiem nawet jak się do tego zabrać, ale nie liczę też na "gotowca", chcę to zrobić sam przy pomocy podpowiedzi. Oprócz HTML i CSS dopuszczam JS i PHP.
JTD

1 odpowiedź

odpowiedź 4 czerwca 2019 przez pablop76 VIP (123,180 p.)
edycja 4 czerwca 2019 przez pablop76

Myślę, że właściwości hover, position (warstwy oraz ujemny right do schowania nakładki), transition (animacja) wystarczy.

komentarz 4 czerwca 2019 przez Jacek Drożdżeński Nowicjusz (210 p.)

Dziękuję za odzew. Tak mniej więcej sobie to wyobrażałem, na etapie koncepcji oczywiście. Jasne jest, że tytuł nie jest precyzyjny, ponieważ wstępny pomysł kolegi dotyczy jednej strony, a nie przechodzenia z jednej w drugą, ale to bez znaczenia, ważny jest sam efekt. Czyli sam HTML i CSS i trochę JS. Będę próbował. A może ktoś wymyśli coś innego.

Pozdrawiam.

optyma