讓自己照片在背景圖上動起來?

看到一幅漂亮的旅遊美景照片很喜歡。自己沒有去過那裡,能不能把自己的照片放進去並且動起來呢?只要有自己的空間或博客就能做到。

讓自己照片在背景圖上動起來

工具/原料

自己的空間或博客

方法/步驟

準備兩張照片:一是旅遊美景圖(稍大一點的,作為背景用),一是自己的頭像(小尺寸的,在背景圖上動)。

如果網上有最好,把地址複製下來就行。

如果網上沒有,可以上傳到自己的空間或博客,取得地址。

讓自己照片在背景圖上動起來

打開自己的空間或博客。上傳第一步準備的兩張圖片,取得圖片地址。(複製備用)

讓自己照片在背景圖上動起來

1.清空編輯器,將下列代碼貼入:

2.將本文第二步取得的地址分別填入“大圖地址”和"頭像地址"那裡。

讓自己照片在背景圖上動起來

調整寬高。代碼中width是大圖寬,height是大圖高,要按照原圖片寬和高設置。如果改變,必須按比例。

有兩組寬高,要一致。

讓自己照片在背景圖上動起來

調整頭像移動速度。改變“scrollAmount=2”的值即可。

讓自己照片在背景圖上動起來

加邊框。(不加邊框,此步無用)

1.在第五步代碼最前邊加一組代碼:

標題

2.在第五步代碼最後邊加一組代碼:

3.把標題換成你自己的文字。

預覽,成功!發佈吧。

讓自己照片在背景圖上動起來

注意事項

有的瀏覽器不支持。如果圖片不動,換個瀏覽器就動起來。

代碼編輯時不能丟。

相關問題答案