[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 (IMG:style_emoticons/default/questionmark.gif) ?
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 (IMG:style_emoticons/default/smile.gif)
https://jsfiddle.net/belteszassar/uwdae1vd/

A co do wielkości to chyba w proporcjach16:9 bedzie ok (IMG:style_emoticons/default/smile.gif)

Ten post edytował Lord 15.02.2017, 20:11:18