Search code examples
javascriptjqueryhtmljssor

jssor wrong arrow arrange

I have a page car.asp with jssor slider which is included from index.asp

So when I load directly page car.asp I got arrows in right position

enter image description here

But when I load this page car.asp into index.asp another div I got arrows in wrong position

enter image description here

How to fix this problem?

Maybe it happens because jssor.slider.js on line 3337 have a syntax error self.$Relocate = function (conainerWidth, containerHeight) { conainerWidth instead containerWidth?

Solution

  • In $ArrowNavigatorOptions: {} change $AutoCenter: to 0 

     $ArrowNavigatorOptions: {
       $Class: $JssorArrowNavigator$, 
       $AutoCenter: 0                               
 }

    Then you can control arrows with css style="top: 20px" in elements

    <span u="arrowleft" class="jssora" style="top: 20px; left: 8px;"></span>
<span u="arrowright" class="jssora" style="top: 20px; right: 8px;"></span>