empiler les images les unes sur les autres (javascript)

Question

J'ai le problème suivant. Je veux écrire mon propre diaporama en javascript. L'idée est donc de mettre plusieurs images (avec la même largeur et la même hauteur) les unes sur les autres, puis de changer leur opacité via javascript. Mais pour mettre une image sur une autre, j'ai besoin d'utiliser la position absolue (fais-je?). Alors je ne peux pas tracer la position relative (par exemple dans une table). L'idée est d'obtenir la position d'un élément parent, de lui mettre une image d'opacité-0 (pour obtenir toute l'effritement de la table) et de définir la position absolue des images à cette position. Jusqu'ici tout va bien. Mais s'il y a plus d'un diaporama dans le tableau, alors d'autres diaporamas sont chaotiques sur une page. Cela se produit, car la position d'un bloc de table change après le premier diaporama. Malheureusement, les fonctions qui obtiennent la position d'un élément, ils l'obtiennent toujours AVANT d'insérer des images via javascript. Alors, comment faire ce que je veux? J'espère avoir expliqué mon problème assez clairement, en attendant des réponses. :)

Answer 1

Je regarderais plus dans le réglage de l'index Z de l'image car c'est la partie de la position tridimensionnelle. En ajustant l'index Z d'une manière programmatique, vous pouvez également obtenir votre effet de diaporama. Si vos images sont toutes de la même taille et enfermées dans une table, réglez vos cellules sur la taille de l'image (s) et cela devrait résoudre le problème chaotique.

Answer 2

Vous pouvez simplement utiliser un diaporama pré-faites comme celui ici: http://jquery.malsup.com/cycle/

On dirait qu'il doit faire tout ce que vous voulez