flexisel响应式轮询器jQuery插件清单右起

flexisel Responsive carousel jQuery plugin listing from right

本文关键字：jQuery 插件 单右起 响应 flexisel      更新时间：2023-09-26

我想编辑flexisel列表<li>从右到左开始，目前插件从左到右开始列表元素

当我编辑.nbs-flexisel-item浮动到右时，所有列表项消失。

<标题> CSS代码:
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
    display:none;
}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}
.nbs-flexisel-inner {
    overflow:hidden;
    float:right;
    width:100%;  
}
.nbs-flexisel-item {
    float:right;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:100px;
    max-height:45px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}
.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}
.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}

我该怎么办?

谢谢

这个CSS代码可以解决这个问题

.nbs-flexisel-inner{
    direction: ltr;
}
相关文章：