Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][JavaScript]jQuery-fadein/fadeout i css positions...
Forum PHP.pl > Forum > Przedszkole
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:
  1. function a(){
  2. $('#front_photo').delay(8000).fadeOut(2000);
  3. $('#front_photo2').delay(8000).fadeIn(2000, function(){
  4. $('#front_photo2').delay(8000).fadeOut(2000);
  5. $('#front_photo3').delay(8000).fadeIn(2000, function(){
  6. $('#front_photo3').delay(8000).fadeOut(2000);
  7. $('#front_photo').delay(8000).fadeIn(2000, function(){
  8. a();
  9. });
  10. });
  11. });
  12. }
  13. a();


mam nadzieje, ze da sie cos z tego zrozumiec i jakos mi pomoc...
-owca_82-
Ty tak serio ?

Radzę się zastanowić nad podstawami tzn. jak coś takiego powinno działać a problem sam się rozwiąże smile.gif
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
  1. <div id="big_wrapper">
  2. <nav>...</nav>
  3.  
  4. <div id="fot">
  5. <img...
  6. <img...
  7. </div>
  8.  
  9. <div id="new_div">
  10. <section>...</section>
  11. </div>
  12. </div>


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%.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.