Revolution Slider - "Invalid left Tween Value: NaN"

Question

I am using a theme from wrapbootstrap on a project and I am getting a Not a number value on the slider which is causing some minor performance issues with site speed.

Here is a link to the theme: http://themes.iamabdus.com/bigbag/1.0/index.html

Please see the chrome console error for:

invalid left tween value: NaN

Does anyone know how to get around this issue? Would be appreciated, even if a quick fix/workaround.

yeah, me too. it is coming from ThemePunch Slider Revolution, due to the revolution slider. I think it might be due to a slider having been present in the dom, but no longer on the page -- so ThemePunch can't figure out where it should slide to. — jedison, Oct 25 '16 at 17:07
Having the same issue with angular2. Can anyone tell me the solution? — KiranPurbey, Dec 25 '17 at 05:10

score 0 · Answer 1 · answered Oct 21 '16 at 15:05

0

I saw this line in the debugger parseFloat(RegExp.$1) / 100, which looks like it could be responsible for the error. RegExp.$1-$9:

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

I would try modifying these expressions and see if it helps.

answered Oct 21 '16 at 15:05

nick

1,197
11
16

1

What should be done with this line parseFloat(RegExp.$1) / 100 ?. As my site will go in production and i want to use revolution slider. – Niraj Dec 12 '16 at 12:43

score 0 · Answer 2 · answered Feb 23 '17 at 07:27

i had the same problem and found solution. In your banner html code you have four divs like :

        <div class="tp-caption rs-caption-1 sft start"
             data-hoffset="0"
             data-x="370"
             data-y="54"
             data-speed="800"
             data-start="1500"
             data-easing="Back.easeInOut"
             data-endspeed="300">
              ...
        </div>

        <div class="tp-caption rs-caption-2 sft"
             data-hoffset="0"
             data-y="119"
             data-speed="800"
             data-start="2000"
             data-easing="Back.easeInOut"
             data-endspeed="300">
            ...
        </div>

        <div class="tp-caption rs-caption-3 sft"
             data-hoffset="0"
             data-y="185"
             data-speed="1000"
             data-start="3000"
             data-easing="Power4.easeOut"
             data-endspeed="300"
             data-endeasing="Power1.easeIn"
             data-captionhidden="off">
             ...
        </div>
        <div class="tp-caption rs-caption-4 sft"
             data-hoffset="0"
             data-y="320"
             data-speed="800"
             data-start="3500"
             data-easing="Power4.easeOut"
             data-endspeed="300"
             data-endeasing="Power1.easeIn"
             data-captionhidden="off">
          ...
        </div>

To fix this error, simply add data-x="0" into three last elements.

score 0 · Answer 3 · answered Dec 06 '17 at 11:38

I came across the same error for a wrapbootstrap theme as well and I looked further into jedison's comment and sure enough this was the case for my app.

When I logout of my ionic app, I clear out my pages. However, the revolution init function is still being called and this throws the error.

The solution that worked for me was I put this line in my logout function,

jQuery('#rev-slider').revpause();

then on login, all pages are reloaded, with a new rev slider and its init function.

score 0 · Answer 4 · answered Jan 28 '19 at 08:49

If you modified the caption style of revolution slider, this error occurs.
Because it breaks the animation engine. For example

.big_white {
  left: 0 !important;
  bottom: 0 !important;
  width: 100%;
  padding-bottom: 10px;
  ...

You have to remove left value of css

Revolution Slider - "Invalid left Tween Value: NaN"

4 Answers4

Linked