2015-02-10 30 views
0

是否有可能是否有可能将箭头跨度移出jssor中的默认父容器?

<span u="arrowright" class="jssora13r" style="height: 50px; 
    margin-right: -480px; 
    position: absolute; 
    right: 50%; 
    top: 200px; 
    width: 50px;"> 
</span> 

div#slider1_container容器外移动箭头跨度到页面的任何其他部分?

顺便说一句我试图指定

$ArrowNavigatorOptions: { 
    $Class: 'myOwnCssClass', 
    ... 
} 

,它不适合我的工作意见((

UPD:

在示例中,我发现箭头是在滑块容器(比如this),当我试图将它移到外面时,例如显示到“body”按钮的根部,但是没有响应点击:(对于我的布局,我必须将它移动到根目录以实现我的定制。

+0

$ Class是javascript类,它不适用于css类的名称。 – jssor 2015-02-11 09:13:28

回答

1

箭头已经在“幻灯片”容器的外面。

您可以手动排列布局和调整大小。

参考:http://www.jssor.com/development/tip-arrange-layout-adjust-size.html

编辑

我在想,你可以使 'slider1_container' 做大,以实现自己的目标。

现在请注意,当您将箭头向外移动时,它不再是jssor滑块的一部分。你必须检测点击箭头,然后调用API来使jssor滑块左移< - >正确。

function OnArrowLeftClick() { 
    jssor_slider1.$Prev(); 
} 

function OnArrowRightClick() { 
    jssor_slider1.$Next(); 
} 
+0

在示例中,我发现箭头位于滑块容器中(如[this](http://i.gyazo.com/3cf1a3cc275a37d04289d82722611f05.png))。当我尝试将它移到外面时,例如显示“身体”按钮的根,但没有反应点击:( 对于我的布局,我必须将其移动到根目录来实现我的定制 – olegflo 2015-02-11 10:23:45

+0

请参阅更新的答案 – jssor 2015-02-11 12:19:59

+0

谢谢,这对我完美的作品! – olegflo 2015-02-14 09:21:33

相关问题