jQuery.cycleを使用して3つの画像を表示しています。このサイトの他の回答を維持しながら、との組み合わせを使用してmin-width
、overflow:hidden
InternetExploderNeinにのみ表示される水平スクロールバーを削除しました。
関連する場合、サイトはYiiフレームワークとブループリントの両方を使用します。
水平スクロールバーが消えることはありません。なんで?
アクション
<?php
class IndexAction extends CAction
{
public function run()
{
$ds = DIRECTORY_SEPARATOR;
$cs = Yii::app()->clientScript;
$cs->registerScriptFile( $ds. 'js' . $ds .
'jquery.cycle.all.js', CClientScript::POS_HEAD );
$cs->registerScript( 'cycle', "$('.pics').cycle({
fx: 'scrollLeft',
containerResize: false,
slideResize: false,
width:960,
height:300,
fit:true
});", CClientScript::POS_END );
$this->controller->render('index');
}
}
意見
<?php
Yii::app()->clientScript->registerCss('ServicesCycleSlideShow',"
.pics {
min-width:960px;
height:300px;
padding:0;
margin:0;
overflow:hidden;
}
.pics img {
padding: 0;
margin: 0;
border: none;
min-width: 960px;
height: 300px;
overflow:hidden;
}");
?>
<div class="pics">
<img src="/images/1.png" width="960" height="300" />
<img src="/images/2.png" width="960" height="300" />
<img src="/images/3.png" width="960" height="300" />
</div>