我想爲朋友做一個照片庫,我依靠supersized.js,迄今爲止它工作得很好,但現在我有這種奇怪的問題與垂直照片加載在某種的全屏寬度,當它加載它顯示正確,我想我可能有CSS的問題,我已經嘗試設置li元素包含img到最大寬度,但它沒有工作。JQuery超級人像照片展示延伸
該網站是http://www.fernandolandin.com
什麼可能會導致此問題的任何提示?
我想爲朋友做一個照片庫,我依靠supersized.js,迄今爲止它工作得很好,但現在我有這種奇怪的問題與垂直照片加載在某種的全屏寬度,當它加載它顯示正確,我想我可能有CSS的問題,我已經嘗試設置li元素包含img到最大寬度,但它沒有工作。JQuery超級人像照片展示延伸
該網站是http://www.fernandolandin.com
什麼可能會導致此問題的任何提示?
使用下面的代碼爲img
標籤
<img src="http://www.fernandolandin.com/img/01.jpg" style="width: 100% !important; left: 0px; top: -237.5px; height: 100% !important;">
改變的值width: 100% !important
和height: 100% !important;
重要的是需要作爲在屏幕上重新尺寸js的是增加的寬度加到img。保持它100% !important
,以便它適合屏幕。試着讓我知道。
做到了這一點,但圖像很不舒服.. – user2770956
實際上寬度明智的一些圖像看起來拉伸,因爲默認的寬度 – Anobik
你使用圖像預加載嗎?這可能有助於加快顯示時間,並可能同時解決問題。試着設置一個最大高度,而不是最大寬度,以圖像。 – lukeocom
終於預加載圖像了,乾杯 – user2770956