2011-08-17 20 views
2

我正在爲促銷活動開發畫廊。我正在顯示圖像縮略圖,並且onclick圖像變爲全屏。現在我想刷一下這張圖片來顯示下一個全屏。我已經通過使用位置來刷卡。但它直接顯示下一張圖像,無需任何滑動/視覺效果/過渡。請幫幫我。在手掌mojo webos中的滑動效果

回答

0

您是否試圖實施旋轉木馬?儘管我會這樣做的方式是將先前的,當前的和下一個圖像打包成一個水平滾動條(只包含這三個子圖像)。將滾動條捕捉設置爲true。設置一個監聽器,它將切換滾動條中的圖像。

例如,假定九張圖像,並假設我們通過觀察第五圖像開始,這個滾動條將會是這樣的:

1 2 3 4[5]6 7 8 9 

如果用戶揮筆留下,滾輪將捕捉到的圖像6。理想情況下,我們有這種型號:

1 2 3 4 5[6]7 8 9 

但是,並不總是實際的載入所有圖像到內存中的同時。在這種情況下,滾動條的填充方式如下: 4 [5] 6 當用戶滾動查看圖像6時,我們會在六(如果可用)之後加載新圖像,然後刪除圖像4.滾動條現在看起來像這:

5[6]7 

這應該提供基本的輪播行爲。當用戶到達圖像列表的末尾時,監聽器可以簡單地不加載下一個圖像,並且滾動器將禁止滾動出界。