バナー画像に正しいサイズが表示されません

Question

バナー画像が正しく表示されません。 index.htmlドキュメントに3つの回転写真があるスクロールバナーがあります。私は3枚の写真を標準1920px x 800pxにプレサイズしようとしました。いずれかの画像しか正しく表示されないようです。もう一方の2人は右側に部屋を残し、1人もまた底部に正しく表示されていません。ご覧のとおり、幅（data-image-width='1920'）と高さ（data-image-height='800'）を制御する広告申込情報の属性もあります。

イメージの上にマウスを置くと、サイズが1440×600ピクセル（自然：1920×800ピクセル）になります。また、イメージが存在するmain-banerクラスを制御するために、styles.cssファイルにCSSがあります。画像は標準サイズとして表示されない理由として

.main-baner {position: relative; float: left; width: 100%; margin-top: 50px; height: 600px;} 
.main-baner img {width: 100%; height: auto;} 

任意のアイデア？

Answer 1

.center_img{
width: 100%;
}

自分のイメージクラスで100％を使用します。