這是前端網頁技術的作業,要求我們把水平的輪播圖片改成垂直的,然後要換上自己找的圖片做為素材,因為是直接套用的,所以作業本身並不難。

原本的範例內容是橫向的圖片輪播

根據老師的要求改成直向的圖片輪播,並且用自己的素材

老師提供的輪播程式,採用的方式是把所有的圖片排成一個長條然後整塊區塊根據長度或寬度來計算位移的數值,有個小問題就是輪播到最後一張要回到第一張時,會有個很大的拉回動作,我自己修改了一個版本,改成無限輪播不會拉回,原理是把播過的圖片移到圖片列的最後面,然後移動的位置改成固定的,這樣就可以了。
不過這個版本暫時不提供按鈕的功能,因為圖片改成動態拚接之後,按鈕選圖片的動作變得複雜,等有空再來改。

 

最後修改日期: 2018-06-25

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。