獲取用作CSS背景的圖像的圖像寬度和高度

Question

我正在爲一個劇院網站構建一個jquery幻燈片傳送帶，它用於顯示劇院中最近5次顯示的標題和相關照片。的節目和已上傳他們的照片的網址，以從數據庫加載，並插入到下面的結構：

<div id="slideshow_outercontainer"> <ul id="carousel"> 
<!-- This is where the <li>s are generated from the database using the photo's url 
as a CSSbackground image --> 
</ul> </div> 

然後相關聯的控制如下放置。

什麼，我需要知道的是： 我怎樣才能獲得每幅圖像的高度和寬度（使用PHP或jQuery的），並將其存儲在腳本以某種方式jQuery可弄個和隨機化它。我想要實現的是背景圖像的隨機定位，但是我需要知道圖像的大小，以便它不會以任何可能會暴露元素背景的方式進行定位。

此外，隨機對背景圖像進行動畫處理會很不錯，比如某種康恩燒傷效果。但我想我知道如何實現使用動畫（）

希望有人可以幫助這裏！謝謝，丹。

Answer 1

在PHP中，getimagesize（[Filename]）函數會給你一個圖像的高度和寬度。所有你需要做的就是給圖像的文件名的函數，它會返回一個數組的高度，寬度和圖像類型。

有一個使用它的例子here和php.net文檔here。

Answer 2

你不能只使用背景圖像。說到這一點，你可能會得到背景圖片的URL，然後用該img創建一個dom元素/ img標籤，將它從屏幕左側放置，獲取尺寸，然後銷燬它。