[CSS][JavaScript]jQuery-fadein/fadeout i css positions... Opcje

[followc]

witam, napisalem w jQuery funkcję, która używając fadein i fadeout wyswietla kolejne zdjęcia w galerii. żeby ladnie wyświetlały się one w tym samym miejscu i jakby przenikały przez siebie, użyłem dla nich position: absolute, co jednak nie pozwala mi zapanować nad divem, znajdującym sie poniżej. uzycie position relative ustawia go na przenikajacych sie zdjeciach, relative szaleje kompletnie. Problem jest prawdopodobnie w jQuery, bo funkcja ktora czeka na znikniecie jednego i dopiero wlacza drugie, dziala poprawnie, zas funkcja, ktora robi to jednoczesnie stwarza opisane wyzej problemy. oto jej kod:

[HTML] pobierz, plaintext 
function a(){
		$('#front_photo').delay(8000).fadeOut(2000);
		$('#front_photo2').delay(8000).fadeIn(2000, function(){
			$('#front_photo2').delay(8000).fadeOut(2000);
			$('#front_photo3').delay(8000).fadeIn(2000, function(){
				$('#front_photo3').delay(8000).fadeOut(2000);
				$('#front_photo').delay(8000).fadeIn(2000, function(){
					a();
				});
			});
		});
	}
	a();
[HTML] pobierz, plaintext 

mam nadzieje, ze da sie cos z tego zrozumiec i jakos mi pomoc...

Ten post edytował followc 12.05.2014, 23:54:37

[--owca_82--]

Ty tak serio ?

Radzę się zastanowić nad podstawami tzn. jak coś takiego powinno działać a problem sam się rozwiąże

[followc]

takie wlasnie odpowiedzi w przedszkolu oczekiwalem:) super nakierowanie......

[Damonsson]

Chaotycznie piszesz, z tego co zrozumiałem to, żeby było dobrze: Musisz swoje zdjęcia wpakować do kontenera/diva który ma position relative, i dopiero wewnątrz niego nadawać zdjęciom absolute.

[followc]

[HTML] pobierz, plaintext 
<div id="big_wrapper">
   <nav>...</nav>
 
   <div id="fot">
       <img...
       <img...
   </div>
 
   <div id="new_div">
      <section>...</section>
   </div>
 </div> 
[HTML] pobierz, plaintext 

tak wygląda struktura programu i faktycznie #fot, #new_div maja position: relative, a same img: absolute. problem w tym, że #fot jakby nie dostosowuje się do wielkości img, pozostaje 1pikselowym paseczkiem, przez co tresc #new_div wyswietla się na zdjęciach

[trueblue]

#fot nie dostosuje się do wielkości img, bo te są pozycjonowane absolutnie.

[followc]

no wlaśnie, a zależy mi i na jednym i na drugim, ponieważ pozycjonowanie absolutne konieczne(?) jest mi do przenikania się zdjęć przez fadeout/fadein. Da się to jakoś obejść? może ten kod jQuery napisałem z dupy...?

[trueblue]

Nadaj wymiary #fot.

[followc]

rozwiązując to w taki sposób miałem problemy z rwd, problem (chyba) udało się rozwiązać poprzez nadanie #fot padding-bottom: 30%.