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.

Proszę zrobiłem chyba jest ok
https://jsfiddle.net/belteszassar/uwdae1vd/

A co do wielkości to chyba w proporcjach16:9 bedzie ok

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

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

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