JavaScript - jak dynamicznie nakładać na siebie kilka obrazków?

Question

Witam,

potrzebuję nakładania na siebie kilku obrazków, będą one w png,

w skrócie chodzi o to ze będę miał na stronie kilka obrazków i po kliknieciu ja pierwszy pojawi mi się w div'ie poniżej i jak kliknę na inny to do grafiki która pojawiła się poniżej ta druga nałoży się na nią

 

Czy znajdę do tego jakąś bibliotekę w js?

Lub ktoś jest wstanie jakieś rozwiązanie tego problemu podsunąć?

Answer 1

Zmieniaj z-index. Uważam że do tak prostego elementu nie potrzebujesz biblioteki.

link do z-index:

https://www.w3schools.com/jsref/prop_style_zindex.asp

link do click jak zrobić:

https://www.w3schools.com/jsref/met_element_addeventlistener.asp

Połącz te dwie rzeczy i zrobisz clicka co zmienia z-index

Comments

Dzieki za pomysł!

Spróbuję tego i dam znać czy spełni to wymagania ;)

---

Witam. Mechanika powinna polegać na pobraniu atrybutu np:jquery .attr() obrazka z linku( po kliknięciu), który jest miniaturką tego obrazka i wstawienie go w określone miejsce zamiast istniejącego a nie nakładanie ich na siebie.

---

Zadziałało tak jak chciałem.

Dzięki wielkie za podsunięcie pomysłu!