[JavaScript][HTML][CSS]Slider 100%x100% |
[JavaScript][HTML][CSS]Slider 100%x100% |
14.02.2017, 12:10:12
Post
#1
|
|
Grupa: Zarejestrowani Postów: 172 Pomógł: 0 Dołączył: 11.06.2014 Ostrzeżenie: (0%) |
Witam.
Chciałbym przygotować slider na pełny ekran, który w sobie bedzie miał animacje. Powiedzmy, że bedzie składał się tylko z jednego slidera, później przewiduje tworzyć podobne jak samo rozwiązanie mi się uda. Dla przykładu i lepszego zobrazowania. Mamy główne tło z np. świeczką. na to przychodzi druga warstwa, która daje efekt pulsującego światła. (wystarczyło by chyba tylko płynne pulsowanie zmiany w opacity). Teraz parę pytań jak to sensownie zrobić 1. Jakie wymiary najlepiej ustawić na tą grafike 1920px x na ? 2. Czy grafikę pulsującego światła chyba najłatwiej będzie wypozycjonować tak, że będzie to grafika o takich samych wymiarach. Tylko kwestia czy nie lepiej zrobić obrazek np 200px x 200px i odpowiednio wypozycjonować. Ale jak to zrobić aby zawsze była odpowiednio ustawiona względem elementu tła i zmniejszała swoj rozmiar. Chyba lepiej jednak 1 pomysł. 3. Jak najlepiej zaanimować takie zdarzenie. |
|
|
15.02.2017, 20:09:47
Post
#2
|
|
Grupa: Zarejestrowani Postów: 239 Pomógł: 32 Dołączył: 10.03.2004 Ostrzeżenie: (10%) |
Proszę zrobiłem chyba jest ok
https://jsfiddle.net/belteszassar/uwdae1vd/ A co do wielkości to chyba w proporcjach16:9 bedzie ok Ten post edytował Lord 15.02.2017, 20:11:18 |
|
|
16.02.2017, 09:25:51
Post
#3
|
|
Grupa: Zarejestrowani Postów: 172 Pomógł: 0 Dołączył: 11.06.2014 Ostrzeżenie: (0%) |
Ciekawie. Na pewno przyda mi się. Grafiki nie będą wycentrowane do środka co pewnie utrudni sprawę, ale cosik wymyślę.
Co do grafiki to 1920x1080 chyba najlepiej, ale wiem, że i tak będzie gdzie nie gdzie ucięte bo jednak pasek dolny, pasek przeglądarki jednak zabiera tą wysokość. ale to postaram się elementy dla mnie ważne w grafice nie były gdzieś na skrajach by jednak były cały czas widoczne. Jedynie pytanie. Bo fajny pomysł z randomem. Będzie to bardziej naturalne. Tylko kwestia płynności czy da się to jakoś dopieścić? Dzięki za pomoc. Edit Zrobiłem tak: https://jsfiddle.net/uwdae1vd/11/ Ale nie wiem jak zrobić aby random był tak jak Ty zrobiłeś od 30-100 a nie od 0-100 Ten post edytował atom90 16.02.2017, 10:33:39 |
|
|
16.02.2017, 12:56:15
Post
#4
|
|
Grupa: Zarejestrowani Postów: 239 Pomógł: 32 Dołączył: 10.03.2004 Ostrzeżenie: (10%) |
https://jsfiddle.net/belteszassar/uwdae1vd/
Math.random() zwraca ci losową wartość miedzy 0 a 1, czyli jak pomnożysz to przez 0.7 to będzie to zakres od 0 - 0,7 i dodajesz wartość początkową czyli 0.3 to daje ci zakres od 0.3 do 1 czyli tak jak przyjmuje fadeTo |
|
|
16.02.2017, 14:27:59
Post
#5
|
|
Grupa: Zarejestrowani Postów: 172 Pomógł: 0 Dołączył: 11.06.2014 Ostrzeżenie: (0%) |
A ja geniusz chciałem podobnie jak Ty
30 + Math.random() * 70 tylko przeoczyłem, że pozniej dzieliłeś przez 100 Dzięki za pomoc |
|
|
Wersja Lo-Fi | Aktualny czas: 25.04.2024 - 00:50 |