"roleta" com js

[ABisewski]

Boa tarde rapaziada!

 

To fazendo um site pra um amigo, que vai pedir a namorada dele em casamento, e é na mesma ideia do "skincrates.com" (pra quem jogou CSGO deve conhecer o site).

 

Comecei a estudar JS há bem pouco tempo e to empacado pra fazer essa "roleta" rodar, até vi o plugin que o pessoal do skincrates usa, nomeei as divs com as devidas classes mas a partir daí não consigo evoluir.

Alguém consegue dar uma força?

 

Fiz o modal (.roulette-award__safari // .roulette-awad__rare) das premiações que estão com "display: none" .A ideia é fazer com que nas duas primeiras tentativas a roleta caia no item "AWP - Safari" e na terceira tentativa caia no item raro.

 

Segue link do projeto do git: https://github.com/abisewski/theringcrates

 

@EDIT: link do "plugin" que o pessoal do Skin Crates usa: http://www.owlcarousel.owlgraphic.com/index.html

 

Eternamente grato!

 

Abraços!