matthewlein / jquery-jslots Goto Github PK

Hi,

It's not an issue, but question, if it's possible, to do this, or if it needs changes to code.

Thank you. Great job

set time 30 second but when count down 30 second not true. Please help me ?

Hi
Firs thanks for this awesome jslot. I used it in mvc project i am completely newbie to programing and some how make it work for 0-10 numbers.
if any one have issue about this you can see my code if it can be any help

<div class="container">
        <div class="row">
            <div id="WinScroll" class="text-center">
                <div class="fancy">
                    <ul class="slot">
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
                        <li>7</li>
                        <li>8</li>
                        <li>9</li>
                        <li>0</li>
                    </ul>
                    <input type="button" value="test" id="playBtn"   />
                </div>
            </div>
        </div>
    </div>

END Numbers are coming from variable winnerNumber which i get from @model in MVC
There was a problem it wont get data directly from variable which is coming from database you have to explicitly give the value.

    var myArray = [];
    @foreach (var d in Model)
    {
        @:myArray.push("@d");
    }
Data get into Array Then
 for (i = 0; i < myArray.length; i++) {
                    var tim_win= myArray[i];

}

i get data from model and save it in variable and then but the END NUMBER wont get it so i have to get the value from variable and then compare then value in IF Else and get him the direct variable like w1 =3 so the END Number can get this value directly not the value directly coming from data base but the value which is equal to the database
here is example how i done it
i get the data base value in win and there are three numbers in it so separate them in three Ints

                        var winS = win;
// in my case only three integers are coming from data base like 123
                        var First = parseInt(winS[0]);     //get first character 
                        var Second = parseInt(winS[1]); //get Second character 
                        var Third = parseInt(winS[2]);  //get Thirdcharacter 

and then get the vale in First you have to explicitly give the value to w1 END NUMBER

                        if (First == 0) { w1 = 10; }
                        else if (First == 1) { w1 = 1; }
                        else if (First == 2) { w1 = 2; }
                        else if (First == 3) { w1 = 3; }
                        else if (First == 4) { w1 = 4; }
                        else if (First == 5) { w1 = 5; }
                        else if (First == 6) { w1 = 6; }
                        else if (First == 7) { w1 = 7; }
                        else if (First == 8) { w1 = 8; }
                        else if (First == 9) { w1 = 9; }

Do this also for the second value and third value which is in this case w2 and w3
now send this w1,w2,w3 value to the END NUMBERS

                        $(document).ready(function () {
                            $('.slot').jSlots({
                                spinner: '#playBtn',
                                endNumbers: [w1 , w2 , w3] //<----- Added endNumbers option 
                            });
                        });

Its done.I Hope it helps i am newbie so cant explain it well

Hi, is there a possibility we can set only one winner slot currently it is sometimes one and sometimes more than one but how we can strict only one slot should become winner. secondly how to set on each spin there should must be one winner.?

Instead of using the spin event and spinner how can you call it in a functions

Hello Matthew,

First of all, thanks for creating this nice project. It's quite clear and easy for us to use this animation. But I run into some positioning issues while I am trying to modify the margin and padding of the uls of class ".slot". When they are set to 0, as the examples, the final result looks good. But as I modify their value, the three digits of the final result don't seem to be placed at their initial positions. And sometimes, they aren't vertically-aligned as well. Is there any work around? Or this is simply one of constraint? If so, maybe it should be mentioned in the readme file. Thanks.

I need to move the object horizontally. Anyone can help me?

Add an option to choose up or down direction.

Hi,
Proposal Array instead of Number for loops so that each wheel spins individually and does animation

Hello dude,
Is possible to change the spinner option?
For example, i have a function calling it and after call jSlots and put the options i want to execute the code.
How can i do it?

i want to play the slot, but not over an id click.
maybe, on document ready, by set interval or mouseover

This is more of a suggestion or question on how we can modify the code to allow us to specify the winning number beforehand and then have it spin to this number?
Many thanks for this great piece of code.

Can I know how to run it without trigger the button event? Thanks

Hi, Is there a way to fired the slots start event when i click on an element but not like you have the plugin right now, i mean something like:

$('selector').click(function(){
//Get Ajax request with new array
var _endNumber = $.ajax() //etc
slots.endNumbers = _endNumber;
slots.start();
}

Thanks in advance for your help.

you should clone:

$list.find('li').clone().appendTo($list);

instead of

$li.clone().appendTo($list);

otherwise the first letter has a bigger chance to win.

make it an array or single number winner

I need the result of the spin, for example:

<ul class="slot">
     <li>a</li>
     <li>b</li>
</ul>

Part of js code:

onWin: function() {
   alert("Selected li #" + selectedLi);
},

And for example, I pressed the button and the first li (a) is the selected, but in the js code, I dont know hot to get the selected li.