 [JavaScript]Jak przełączać div |
| [JavaScript]Jak przełączać div |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 51 Pomógł: 0 Dołączył: 1.03.2016 Ostrzeżenie: (0%) 
 |
Witam,
Uczę się Jquery i chce utworzyć efekt na stronie że 5 div-ów jest obok siebie w każdym z tych divów występuje obrazek, h1 , i akapit. Co 20 sekund Jquery powinno przełączać się między tymi divami i tak w kółko. Po aktywacji diva powinien się pokazać jego akapit który jest domyślnie ukryty, a zdjęcie powinno się zmienić na inne. Jak tego dokonać za pomocą Jquery. Kod html wygląda tak : Kod <html>
<head> <style> .container { width: 80%; margin: 0 auto; } .col { width: 20%; float: left; } .img { width: 100%; } p { display: none; } </style> </head> <body> <div class="container"> <div class="col"> <img class="img" src="https://i5.walmartimages.com/asr/f752abb3-1b49-4f99-b68a-7c4d77b45b40_1.39d6c524f6033c7c58bd073db1b99786.jpeg"> <h2>Pierwsza</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> <div class="col"> <img class="img" src="https://i5.walmartimages.com/asr/f752abb3-1b49-4f99-b68a-7c4d77b45b40_1.39d6c524f6033c7c58bd073db1b99786.jpeg"> <h2>Drugi</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> <div class="col"> <img class="img" src="https://i5.walmartimages.com/asr/f752abb3-1b49-4f99-b68a-7c4d77b45b40_1.39d6c524f6033c7c58bd073db1b99786.jpeg"> <h2>Trzeci</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> <div class="col"> <img class="img" src="https://i5.walmartimages.com/asr/f752abb3-1b49-4f99-b68a-7c4d77b45b40_1.39d6c524f6033c7c58bd073db1b99786.jpeg"> <h2>Czwarty</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> <div class="col"> <img class="img" src="https://i5.walmartimages.com/asr/f752abb3-1b49-4f99-b68a-7c4d77b45b40_1.39d6c524f6033c7c58bd073db1b99786.jpeg"> <h2>Piąty</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> </body> </html> |
 |
 
|
michuwsh [JavaScript]Jak przełączać div 27.10.2017, 10:00:31 
viking Pokaż co napisałeś do tej pory. Bo raczej wygląda ... 27.10.2017, 12:48:16 michuwsh Wiem jak ukryć automatycznie wszystkie akapity fun... 27.10.2017, 13:03:43 viking Dodaj class="col active" i będziesz wied... 27.10.2017, 13:06:40 michuwsh A samo przełączenie div-ów będzie odbywało się jak... 27.10.2017, 13:28:04 viking JS -> setTimeout/setInterval 27.10.2017, 13:29:03 michuwsh Z tego co już się zorientowałem w samym jquery nie... 27.10.2017, 14:27:09 viking Lenistwa tutaj nie popieramy. Jak chcesz gotowca t... 27.10.2017, 14:28:47 michuwsh Hej kombinowałem przez weekend i nic nie wykombino... 30.10.2017, 12:32:46 viking Id może być jedno w dokumencie. Uzywaj klas. 30.10.2017, 12:42:05 michuwsh Poprawiłem kod ale wydaje mi się że nadal jest coś... 30.10.2017, 13:14:24 
viking Na początek to ty się naucz odróżniać elementy od ... 30.10.2017, 13:45:16   |
|
Aktualny czas: 25.08.2025 - 15:51 |
