實現jquery-anystretch全屏幕背景圖像的問題。

我正在嘗試將Jquery Anystretch實現到我的網站中，並且未能成功執行它。 Jquery Anystretch將允許我有一個調整大小的完整圖像背景。以下是我到目前爲止所做的。任何幫助都會很棒。該網站是http://www.jobspark.ca 實現jquery-anystretch全屏幕背景圖像的問題。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript" src="/jquery.anystretch.min.js"></script> 

<script type="text/javascript"> $.anystretch("/storage/fullimagebackground2.jpg", {speed: 150}); </script>

下面是Github的鏈接https://github.com/danmillar/jquery-anystretch

來源

2012-11-25 Chris S

你有錯誤的路徑'jquery.anystretch.min.js'。（http://www.jobspark.ca/jquery.anystretch.min.js） – Inferpse

非常感謝。抱歉，我錯過了那個錯誤！ –

@Inferpse我剛剛有最後一個問題。我想加快背景圖片的加載速度。現在是150.有什麼限制來加速這個。我希望它儘可能快地加載。再次感謝！ –

我不明白你爲什麼要使用JavaScript的整個頁面的背景，becouse瀏覽器可能已關閉JavaScript。此外還有CSS解決方案。

您可能想要閱讀以下關於這個主題的CSS技巧文章，他們還介紹了jQuery方法。

http://css-tricks.com/perfect-full-page-background-image/

來源

2012-12-20 15:20:46 rofavadeka

Rofavadeka是正確的，只是使用CSS，如果你想使一個全屏拉伸背景。只要

<img src="..." style="position:fixed;top:0px;left:0px;bottom:0px;right:0px;" />

其凌駕於你的頁面上的所有其他（或具有較低的Z指數）會出現一切的背後：只要寫一個圖像標記是這樣的。

來源

2012-12-20 15:28:38 Jrud

實現jquery-anystretch全屏幕背景圖像的問題。

回答

相關問題