css - sencha touch のカルーセルに重なる画像

Question

多くの画像をロードするカルーセルを作成しました。ただし、次に示すように、各画像は別のカードの別の画像と重なっています。

スクリーンショットでわかるように、最初の画像の一部が 2 番目のカードに表示されます。

これは、カルーセルのアイテム内の「html」コンポーネント内に画像を配置する方法です。

html: '<div> <img src="'+avaImg+'" />'

電話の解像度に関係なく、画像を画面に合わせる方法はありますか?

Answer 1

こんにちは@tukang、次のようなcssクラスを作成してみてください。

.your_name {
   background-image: url(your_url_image);
   background-repeat: no-repeat;
   background-position: center;
}

そしてそれをあなたのhtmlタグに入れた後<div class="your_name"></div>

お役に立てれば幸いです。:)

Answer 2

Ext.ImageSencha Touch 2 でコンポーネントを使用しないのはなぜですか?

次に、config.xml を使用してその画像にカスタム スタイルを適用できますstyle。