search

giniedp / spritespin

jQuery plugin for spriteanimation.
http://giniedp.github.com/spritespin/
MIT License
378 stars 122 forks source link

Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'. at (spritespin.min.js:1) #72

Closed pratika2395 closed 4 years ago

pratika2395 commented 4 years ago

I'm trying to create a 360 degree image spin using spritespin. But i'm getting this error at the begining of spritespin library

$('.spritespin').spritespin({ //in console, error points this line source: "{{asset($reel_pic)}}", width: 1000, height: 1000, frames: 30, framesX: 5,
sense: 1, loop:false, frame:0, frameTime: 90, onLoad: function () { $('#reel00').remove(); }, scrollThreshold : 100, responsive:true });

giniedp commented 4 years ago

can not do anything without a reproducable scenario.

pratika2395 commented 4 years ago

@giniedp ,i understand. shall i share the code part of spritespin?

giniedp commented 4 years ago

you can use https://stackblitz.com/ or similar service to setup a scenario that i can then verify. Sharing code or anything that gives me more insight into your setup could help to spot the issue.

Do you use any other plugins? What is your html structure? What else is happening outside of spritespin?

pratika2395 commented 4 years ago

@giniedp , sorry, i have fixed the issue. The error was in the way i called the spritespin class in div. Thanks for ur response. BTW, i have another doubt. We have an requirement like we have many images(colored). We need to show the images based on color chosen by the user. For one particular image (say orange), we need to show 360 degree image rotation.

I have done using ajax call, when the user selects color, corresponding images are shown. spritespin works well on the first time. But when the user clicks the orange for 2nd time, the 360 degree rotation is not working.

we need to show rotation whenever user clicks orange. Is there any way to do this? or this is due to any bug in my code? If u want to view my code, i can share u.

pratika2395 commented 4 years ago

@giniedp , i found a solution for my above question. i need to use animate property. thanks, there is no error in the plugin side.