css支持查看幻燈片從右到左

Question

我想支持從我的幻燈片中圖像的從右到左的過渡。 在style.css中我的CSS視圖幻燈片代碼：

$.block-slideshow .view-content { 
position:relative; 
background:red; 
padding: 2px 5px 5px 7px; 
} 
.block-slideshow .views_slideshow_thumbnailhover_main img { 
float: left; 
} 
.block-slideshow .views-slideshow-controls-bottom { 
position:absolute; 
top:5px; 
right:5px; 
list-style:none; 
padding:0; 
margin:0; 
width:310px; 
z-index:100; 
} 
.block-slideshow .views_slideshow_thumbnailhover_div_breakout_teaser { 
padding:5px 10px 0 45px; 
margin:0; 
background:#6A99AD url(../images/slideshow-nav-bullet.png) no-repeat scroll 0 0; 
height:41px; 
border-bottom: 1px dashed #fff; 
} 
.block-slideshow .views_slideshow_thumbnailhover_div_breakout_teaser:hover { 
cursor:pointer; 
} 
.block-slideshow .views-slideshow-controls-bottom .activeSlide { 
background:#024D76 url(../images/slideshow-nav-bullet.png) no-repeat scroll 0 0; 
list-style: disc; 
} 
.block-slideshow .view-slideshow .views-field-title { 
color:#FFF; 
font-size:120%; 
font-weight:bold; 
} 
.block-slideshow .view-slideshow .views-field-body { 
    color:#FFF; 
    font-size:100%; 
} 
.block-slideshow .view-slideshow .views-field-body p { 
margin:0!important; 
} 

請訪問此鏈接 http://i.stack.imgur.com/sMdc1.jpg

請指導我 我想支持的權利鑑於幻燈片離開轉換。 style-rtl：？

請訪問此鏈接

http://i.stack.imgur.com/s23XY.jpg

Answer 1

在添加此代碼風格rtl.css]

$.block-slideshow .views-slideshow-controls-bottom { 
position:absolute; 
top:5px; 
right:605px; 
} 

Answer 2

變化浮動，將 「左」 與 「右」 和正相反

.block-slideshow .views_slideshow_thumbnailhover_main img { 
float: right; 
}