2014-05-25 71 views
0

我想編輯flexisel列表<li>從右至左開始,目前插件從左至右啓動列表元素。flexisel響應式旋轉木馬jQuery插件右側列表

當我編輯.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; 
} 

我該怎麼辦?

感謝

回答

0

這個CSS代碼就可以解決問題

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