Pojawiające się zdjęcia - efekt na stronie

pytanie zadane 29 września 2018 w HTML i CSS przez March Nowicjusz (140 p.)

Cześć. Widziałem kiedyś na jakieś stronie efekt który niesamowicie mi sie podobał. Zastanawiam się jak go uzyskać. Wyobraźmy sobie cztery zdjęcia tego samego drzewa. Identyczne ustawienie miejsca i kadru. Każde zdjęcie wykonane jest w innej porze roku. I tak wiosna - pokryte kwieciem, lato - zielone liście, jesień - żółte, zima -brak liści. Teraz wyobraźmy sobie teraz , że mamy grafikę podzieloną na cztery części i w każdej z części znajduje się fragment drzewa z innej pory roku. Chciałbym osiągnąć taki efekt by najeżdżając na np. fragment wiosną pozostałe fragmenty również mieniały się na wiosnę przedstawiając "wiosenne drzewo w całości. Najeżdżając na zimę wszystkie fragmenty pokazują łącznie obrazek zimy itd. Cudnie by było gdyby dało się np. tak zrobić by po pojawianie się danej pory roku i kliknięciu przenosiło nas na podstronę np. wiosna.html lub odpowiednie do danej pory roku. Ma ktoś jakiś pomysł? .... znalazłem coś podobnego na stronie https://yodezeen.com/ mniej więcej w połowie strony głównej. (trzy zdjęcia)

1 odpowiedź

odpowiedź 29 września 2018 przez arces Pasjonat (17,700 p.)

Sam podałeś przykład, z którego masz zaczerpnąć działanie takiego efektu. Sprawdź kod i co się zmienia po najechaniu na elementy i masz odpowiedź. Jeżeli szukasz gotowego rozwiązania/odpowiedzi, to nigdy nie będziesz dobrym programistą.

P.S.
Są tam po prostu trzy divy z backgroudnem w tle (obrazkiem). Po najechaniu na dany obszar dodawana jest klasa do niego i dlatego reszta też się zmienia. Sprawdź sam ;)

komentarz 29 września 2018 przez March Nowicjusz (140 p.)

Ale mnie dojechałeś. Łał :D . A ja myślałem, że takie fora są po to by początkujący mogli się pouczyć analizując przykłady które można później modyfikować. Widać się myliłem. W ten sposób większość problemów można podsumować "poszukaj na necie i sam se napisz". Dzięki za motywację

komentarz 29 września 2018 przez Neon90 Użytkownik (900 p.)

No właśnie... forum jest po to by pytać. Kolega oczekuje pewnie poprostu słów kluczowych lub wyjaśnienia mechanizmu działania tej animacji od strony kodu a nie gotowego kodu na zrobienie tego :) Osobiście nie znam odpowiedzi na to pytanie ale znajdzie się napewno jeszcze tutaj ktoś kto normalnie sie wypowie , nie rezygnuj i wyczekuj :D pozdrawiam!

komentarz 30 września 2018 przez arces Pasjonat (17,700 p.)

@March, napisałem Ci w P.S. jak to mniej więcej działa. Jeżeli jesteś w miarę ogarniętym człowiekiem, to znajdziesz sobie dalsze kroki jak to wykonać.

P.S.
Nikogo nie pojechałem, po prostu bez szukania rozwiązania samemu nigdy nic nie będziesz potrafił zrobić. Tyle w temacie i każdy kto choć trochę pracował w zawodzie to samo Ci powie. Powodzenia!