Skrypt slajdera javascript + jquery

Question

witam,

w kursie javascript Pana Zelenta w odcinku ze slajderem Pan Zelent napisał prosty slajder używając javascriptu i jquery w którym CHOWA SIĘ CAŁY DIV O ID "SLIDER" A POTEM POKAZUJE SIĘ przez zastosowanie fadeIn oraz fadeOut. Chciałbym zrobić tak, żeby NIE CHOWAŁ SIĘ CAŁY DIV A TYLKO ZDJĘCIE. Dobrnąłem do takiego momentu ->

function schowaj()
{
	$("#zdj").fadeOut(1000);
}


function zmienslajd()
	 {
		var numer = 1;
		numer++; if(numer>10) numer=1;
		
		var plik = "<img src=\"images/slider" + numer + ".JPG\" style=\"border-radius: 100%\" id=\"zdj\"/>";
		
		document.getElementById("slider").innerHTML = plik;
		
		$("#zdj").fadeIn(1000); 
		
		setTimeout("zmienslajd()",6000);
		setTimeout("schowaj()",5000);
		
	 }

w którym to nadałem w znaczniku <img> atrybut id="zdj" i w ten sposób chowa się zdjęcie w sposob nazwijmy to "animowany" natomiast jak zrobić żeby kolejne zdjęcie też pojawiało się w sposób animowany? W ten sposób od razu jakby pojawia się kolejne zdjęcie.

Answer 1

W jakiej postaci węzły są przekazywane do funkcji. (Kolejne zdjęcia)

Comments

img z  position absolute dopasuje się do slidera z position absolute :)

---

Tak tylko tu zostawię :)

->>http://webkod.pl/kurs-css/wlasciwosci/wszystkie/position#absolute

Przykład:

https://jsfiddle.net/n8zpnzgd/2/

Zastanów się dlaczego nie mogę go, wyśrodkować, W końcu jest zamknięty w innym pudełku :).

---

Dopasowuje się do body :) Poza tym nie działa margin: auto; ponieważ ma pozycję absolutną, która to sprawia, że element "nie zajmuje miejsca w dokumencie" tak jak statyczny element czyli mimo, iż jest zamknięty w innym pudełku to jeśli nie jest w innym pudełku z pozycją absolute relative lub fixed dopasuje się do body :)

---

Zgadza się. Więc, dlaczego lepiej, żeby 2 elementy nie miały position absolute?

---

jak dla mnie to mogą mieć jeśli rozważnie ułożę elementy w sobie, ale dlaczego Twoim zdaniem to nie wiem :)