Comments (1)
I found some kind of workaround for this.
First i added a "resetInit" function the the createClass Array, its basicly calling the init again but destroys the slotmachine before.
{ key: "resetInit", value: function resetInit(element, options) { this.destroy(); _classCallCheck(this, SlotMachine); this.element = element; // Slot Machine elements this.tiles = [].slice.call(this.element.children); // Machine is running? this.running = false; // Machine is stopping? this.stopping = false; // Disable overflow this.element.style.overflow = 'hidden'; // Wrap elements inside container this._wrapTiles(); // Set min top offset this._minTop = -this._fakeFirstTile.offsetHeight; // Set max top offset this._maxTop = -this.tiles.reduce(function (acc, tile) { return acc + tile.offsetHeight; }, 0); // Call setters if neccesary this.changeSettings(Object.assign({}, defaults, options)); // Initialize spin direction [up, down] this._setBounds(); // Show active element this._resetPosition(); // Start auto animation if (this.auto !== false) { this.run(); } } }
After this i created a js function that calls the new function on window resize:
$( window ).resize(function() { machine1.resetInit(el1, { active: machine1._active }); machine2.resetInit(el2, { active: machine2._active }); machine3.resetInit(el3, { active: machine3._active }); });
I know it's now calling the resetIni everytime the window is resized but for me this worked for the moment.
from jquery-slotmachine.
Related Issues (20)
- Contradiction between README and LICENSE
- onComplete not executing HOT 2
- Animation does not work in Firefox HOT 1
- direction vs stop direction is not in sync HOT 1
- Machine height for more slot images on screen (image exemple) HOT 1
- Always same result
- Shuffle loop count not working in Angular 7 / Ionic HOT 1
- Remove each winner from subsequent spins? HOT 2
- React Import Issue HOT 4
- Set max limit
- Angular 9 issues HOT 6
- Animation Time
- How to import Vuejs?
- When a spin completes i want to remove the active element from the DOM
- jquery is not necessary but it has dependency on jquery
- https://github.com/josex2r/jQuery-SlotMachine.git HOT 1
- Trying to load via external json
- Is there a way to roll slowly while waiting?
- How do you stop a slot in an arbitrary position?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-slotmachine.