flexisel从右侧列出响应式carousel jQuery插件

时间:2014-05-25 13:22:40

标签: javascript jquery css

我想编辑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;
}

我该怎么办?

由于

1 个答案:

答案 0 :(得分:0)

这个css代码可以解决问题

.nbs-flexisel-inner{
    direction: ltr;
}