Javascript 旋转木马-祖鲁基础轨道外的导航控制
我正在尝试将导航控件放在旋转木马的外部,而不是默认的内部 没有可用于此的数据选项。所以我尝试破解导航箭头的CSS,使其处于负绝对位置 但是,父容器设置为溢出:隐藏并隐藏箭头。Javascript 旋转木马-祖鲁基础轨道外的导航控制,javascript,html,css,zurb-foundation,orbit,Javascript,Html,Css,Zurb Foundation,Orbit,我正在尝试将导航控件放在旋转木马的外部,而不是默认的内部 没有可用于此的数据选项。所以我尝试破解导航箭头的CSS,使其处于负绝对位置 但是,父容器设置为溢出:隐藏并隐藏箭头。 默认情况下这可能吗?根据您的示例,我能够将以下CSS应用于id为#feature1的ul: #featured1 { width: 90%; overflow: hidden; padding-left: 10%; } 为此,您需要将右上角的计时器移动一点,并去掉标题宽度。使用此css很容易做到这
默认情况下这可能吗?根据您的示例,我能够将以下CSS应用于id为#feature1的ul:
#featured1 {
width: 90%;
overflow: hidden;
padding-left: 10%;
}
为此,您需要将右上角的计时器移动一点,并去掉标题宽度。使用此css很容易做到这一点:
.orbit-container .orbit-timer {
right:70px;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
width:90%;
}
这个解决方案会使你的滑块图像变小,因此你可能想要增加这个例子的大.10的宽度。
发布你的站点示例或代码示例:它是默认的基础轨道旋转木马。箭头在里面,你现在可以在这里看到,它位于容器里面。我想把它放在外面。所以它应该是左箭头——带旋转木马的容器——右箭头