If you have any questions that are beyond the scope of this documentation, please check the frequently asked questions or feel free to contact us.
Spin the bottle games uses the html5 touch sensors on your mobile device to rotate the bottle with your fingers clockwise or counter-clockwise with different speeds, this gives you a realistic feel of the rotation and movement. You can also rotate the bottle by simply clicking the bottle icon.
The installation of this app is very easy.
If you follow the steps below you’ll have your very own Hybrid Web App up and running in a few minutes!
The list below shows the possible basic configuration options in index.html
Open index.html with your text editor and change the settings to fit your needs
// Change your App text About your App // Place your Ads between in index.html Google Ads here // If you want sharing buttons, fill your Addthis.com
Add extra background images in index.html
<div class="carousel-inner"> <div class="active item"> <div class="fill" style="background-image:url('images/backgrounds/casino-roulette.jpg');"></div> </div> <div class="item"> <div class="fill" style="background-image:url('images/backgrounds/love_me_love_me_not.jpg');"></div> </div> <div class="item"> <div class="fill" style="background-image:url('images/backgrounds/wheel_of_fortune.jpg');"></div> </div> <div class="item"> <div class="fill" style="background-image:url('images/backgrounds/choose-colors.jpg');"></div> </div> <div class="item"> <div class="fill" style="background-image:url('images/backgrounds/choose-fruit.jpg');"></div> </div> <div class="item"> <div class="fill" style="background-image:url('images/backgrounds/wood.jpg');"></div> </div> <div class="item"> <div class="fill" style="background-image:url('images/backgrounds/yournewimage.jpg');"></div> </div> </div>
Demo site: HTML5 Spin The Bottle game