 [JavaScript]przejscie grafiki |
| [JavaScript]przejscie grafiki |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 172 Pomógł: 0 Dołączył: 11.06.2014 Ostrzeżenie: (0%) 
 |
Jak najlepiej zrobic przejscie dla 2 grafik
1. stara grafika zanika i w tym samym czasie pojawia sie na niej nowa, po jakims czasie znow jest stara i tak w kolko 2. miedzy tym pokazuje sie napis z informacja np "zmieniamy sie na:" grafiki maja te same wymiary |
 |
 
|
 |
|
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 4 291 Pomógł: 829 Dołączył: 14.02.2009 Skąd: łódź Ostrzeżenie: (0%)
|
jQuery fadeIn, fadeOut
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 172 Pomógł: 0 Dołączył: 11.06.2014 Ostrzeżenie: (0%)
|
no tak, ale jak to zrobic by nakladaly sie jakos ustawiac background czy cos z pozycjonowaniem divow, a nie ze jeden zanika i pojawia sie w tym samym czasie obok drugi
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 1 240 Pomógł: 278 Dołączył: 11.03.2008 Ostrzeżenie: (0%)
|
-------------------- |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 172 Pomógł: 0 Dołączył: 11.06.2014 Ostrzeżenie: (0%)
|
Kod <style> #change{ width: 191px; height: 90px; background: yellow; position:absolute; } #image2{ position:absolute; left:0; display:none; } </style> </head> <body> <div id="change"><img id="image1" alt="old" src="img1"><img id="image2" alt="new" src=img2"> </div> <script src="jquery-2.1.1.min.js"></script> <script> $(document).ready(function () { $('#image1').fadeOut(2000); $('#image2').fadeIn(2000); }); </script> </body> czyli cos w tym stylu? czy lepiej jednak dac te grafiki jako tlo divow i ukrywac divy Ten post edytował atom90 14.10.2014, 08:53:33 |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 1 240 Pomógł: 278 Dołączył: 11.03.2008 Ostrzeżenie: (0%)
|
-------------------- |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 172 Pomógł: 0 Dołączył: 11.06.2014 Ostrzeżenie: (0%)
|
Kod $(document).ready(function () { $('#image1').fadeOut(3000); $('#newtext').fadeIn(3000); $('#newtext').fadeOut(3000); setTimeout(function () { $('#image2').fadeIn(3000); }, 3000); setTimeout(function () { $('#image2').fadeOut(3000); $('#image1').fadeIn(3000); }, 10000); }); takie cosik zrobilem, a jakby to teraz fajnie zapetlic by w kolko sie wykonywalo |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 4 291 Pomógł: 829 Dołączył: 14.02.2009 Skąd: łódź Ostrzeżenie: (0%)
|
setInterval()
|
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 172 Pomógł: 0 Dołączył: 11.06.2014 Ostrzeżenie: (0%)
|
no uzywałem to, ale nie wiem jaki sensowny czas ustawic na to by to chodzilo mechanicznie jak trzeba
|
|
|
|
|
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 1 240 Pomógł: 278 Dołączył: 11.03.2008 Ostrzeżenie: (0%)
|
Zsumuj czas w ms przez jaki wykonuje się twoja animacja a potem wykonuj ten skrypt za pomoca setInterval.
-------------------- |
|
|
|
|
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 111 Pomógł: 11 Dołączył: 12.10.2014 Skąd: Tarnów Ostrzeżenie: (0%)
|
|
|
|
|
 |
|
Aktualny czas: 19.08.2025 - 10:17 |
