視差 - 我可以添加4個以上的圖層嗎？

這是我的視差滾動代碼。見http://violetoeuvre.com/Exp_4.html。視差 - 我可以添加4個以上的圖層嗎？

每當我添加超過4層，頁面將不會加載。這僅僅是一個帶寬問題？我知道我見過超過四層的網站...

我應該使用不同的代碼嗎？

<script type="text/javascript"> 
var wf_pbb_object = [ 
{bc:"rgba(0, 0, 0, 0)"}, 
{img:"images/Exp_4/bluediamond.png", mm:false, ms:true, mms:1, mss:30, mmd:1, mso:"v", msd:1, im:"image", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:4, sr:false, sb:false, isr:false, isb:false}, 
{img:"images/Exp_4/bluestripe.png", mm:false, ms:true, mms:1, mss:40, mmd:1, mso:"v", msd:-1, im:"image", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:1, sr:false, sb:false, isr:false, isb:false}, 
{img:"images/Exp_4/greenlock.png", mm:false, ms:true, mms:1, mss:50, mmd:1, mso:"v", msd:1, im:"image", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:2, sr:false, sb:false, isr:false, isb:false}, 
{img:"images/Exp_4/silversq.png", mm:false, ms:true, mms:1, mss:60, mmd:1, mso:"v", msd:1, im:"image", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:2, sr:false, sb:false, isr:false, isb:false} 
]; 
</script>

提前感謝！

來源

2013-03-06 Claire

爲什麼在這個例子中背部移動速度比前部快？不應該視差滾動是另一種方式？ – Christoph 2013-03-06 16:15:37

視差有我想要的效果，我喜歡它是顛倒的。我不認爲這與添加圖層有關......... – Claire 2013-03-06 16:23:25

那麼，沒有Mozilla？有沒有解決這個問題？ – Claire 2013-03-06 16:34:43

滾動重畫需要0.5s +，現在要獲得流暢的動畫，你應該瞄準60fps！

我懷疑問題的一部分可能是圖像的大小，但我沒有看到更深入的那個。

如果您使用Chrome開發人員工具，請轉至時間軸，開啓錄製，滾動頁面，您將看到塗料所用的時間長度。

來源

2013-03-06 23:35:11

視差 - 我可以添加4個以上的圖層嗎？

回答

相關問題