[JavaScript][HTML][CSS]Slider 100%x100% Opcje

[atom90]

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.

[Lord]

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

[atom90]

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

[Lord]

https://jsfiddle.net/belteszassar/uwdae1vd/

[PHP] pobierz, plaintext 
0.3 + Math.random() * 0.7
[PHP] pobierz, plaintext 

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

[atom90]

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