0

スライドショーで画像の右から左への遷移をサポートしたいと考えています。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

ガイドしてください ビューのスライドショーで右から左へのトランジションをサポートしたいです。スタイル-rtl:?

このリンクにアクセスしてください

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

4

2 に答える 2

1

このコードを style-rtl.css に追加します]

$.block-slideshow .views-slideshow-controls-bottom {
 position:absolute; 
 top:5px;
 right:605px; 
}
于 2012-05-01T10:39:02.103 に答える
0

フローティングを変更し、「左」を「右」に、またはその逆に置き換えます

.block-slideshow .views_slideshow_thumbnailhover_main img {
float: right;
}
于 2012-04-30T11:17:22.497 に答える