Jak zmienić animację preloadera strony?


(Zuberator) #1

Witam.

Próbuję zmienić grafikę tego preloadera: http://codepen.io/mimoYmima/pen/fisgL na taką: http://cssdeck.com/labs/w75tw6hm.

Czy jest sposób, aby zrbić taki preloader bez robienia z tego drugiego pliku .gif?

Pozdrawiam.


(Konrad Kosowski) #2

No chyba najłatwiej będzie jak po prostu przepiszesz ten kod i wstawisz go na stronę?

http://codepen.io/anon/pen/nupsF


(Zuberator) #3

http://codepen.io/anon/pen/nupsF jak wklejam ten kod animacja wyświetla się po prostu na stronie głównej strony.

Może ktoś wie jak go dobrze zaimplementować?


(Konrad Kosowski) #4

No to może zacznij od tego, jak to ma być “zaimplementowane” ?


(Zuberator) #5

Mam na myśli sytuację kiedy użytkownik wchodzi na stronę i pojawia się preloader, dopóki strona się nie załaduje.

Kiedy wklejam podany kod animacja pojawia się na stronie głównej.

Tutaj jest podobny kod, działający: http://codepen.io/mimoYmima/pen/fisgL.

Pozdrawiam.


(Konrad Kosowski) #6

Nazwijmy rzecz po imieniu. Nie wiesz jak tego użyć, prawda?


(Zuberator) #7

Udało mi się, wystarczyło dodać do css

.background{

 position: fixed;

 left: 0;

 top: 0;

 z-index: 999;

 width: 100%;

 height: 100%;

 overflow: visible;

 background: #333;

}

do html

[/code] i w skrypcie

[code] $(’.background’).fadeOut(‘slow’,function(){$(this).remove();}); $(’.circle’).fadeOut(‘slow’,function(){$(this).remove();}); $(’.particle’).fadeOut(‘slow’,function(){$(this).remove();});

Dzięki za pomoc.