sencha touch的旋轉木馬中的圖像重疊

我創建了加載許多圖像的旋轉木馬。然而，每個圖像重疊，從不同的卡另一幅圖像，如下所示：
card_1 card_2 card_3 sencha touch的旋轉木馬中的圖像重疊

正如你在截圖中看到，第一個圖像的某些部分出現在第二個卡等。

這是我如何把圖像的「HTML」組件內部旋轉木馬的項目中：

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

有沒有什麼辦法，使圖像適合到屏幕無論在手機的分辨率是多少？

2012-08-04 masu.mo

爲什麼不在Sencha Touch 2中使用Ext.Image組件？

然後，您可以使用style config將自定義樣式應用於該圖像。

2012-08-04 18:20:26

我不能這樣做，因爲有一些數據（文本），我需要附加到圖像。 – 2012-08-04 21:47:01

嗨@tukang你可以嘗試創建CSS類，這樣的事情，

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

，並把它後你的HTML標記<div class="your_name"></div>

我希望幫你。 :)

來源

2012-08-05 15:09:51 hekomobile

我認爲這很難實現，因爲我使用存儲迭代（動態圖像加載）加載圖像。 – 2012-08-09 06:09:58

回答