javascript - SwipeJS: Firefox issue -


after hours of google'ing i'm ending posting following question here:

i'm using swipejs (swipejs.com) responsive touch slider on webpage. it's pretty cool , it's working fine needs in browser , mobile devices.

but got issue firefox (version 18 - 20). while i'm 'paging', first slide looks okay, second 1 - , every 1 follows - looks extremely weird.

i can't provoke behavior on website - looks fine.

the swipe functionality of swipe.js works translate() function (instead of pushing slides away increasing margin) found out, there bug in translate function of firefox makes slides looking horrible.

further read, issue doesn't occur when there's image 100% height , width in swipe items. used transparent .gif (w 100% /h 100%) make issue disappear didn't work me.

the behavior hard explain, therefore here youtube link video shows aforementioned-bug/issue. http://www.youtube.com/watch?v=0l1icgudoju

does had same problem ? know solution me ?

i've fixed tweaking (hacking) transitions parameter in constructor in swipe.js. in example

transitions: (function (temp) {           var props = ['transitionproperty', 'webkittransition', 'moztransition', 'otransition', 'mstransition'];           (var in props) {  if (temp.style[props[i]] !== undefined) {                 return true;               }               return false;           }           return false; } 

becomes

 transitions: (function (temp) {           var props = ['transitionproperty', 'webkittransition', 'moztransition', 'otransition', 'mstransition'];           (var in props) {                if (navigator.useragent.tolowercase().indexof('firefox') > -1) {                 return false;               }               else if (temp.style[props[i]] !== undefined) {                 return true;               }               return false;           }           return false; } 

not pretty work - tried it. improve adding addition check version 18 , above.

so until firefox fix css transition bug @ point

cheers


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -