Получение ширины и высоты изображения, используемого в качестве фона CSS

Question

Я создаю карусель jquery slideshow для театрального сайта, он используется для отображения названий и связанных с ними фотографий из 5 последних шоу в театре , Шоу, а также URL-адрес из фотографий, которые были загружены для них, загружаются в из базы данных, и вставляются в структуру ниже:

<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> 

И тогда соответствующие органы управления расположены ниже.

Что мне нужно знать: Как я могу получить высоту и ширину каждого изображения (с помощью РНР, либо JQuery), и сохранить его в сценарии каким-то образом, что JQuery может заполучить его, и рандомизируйте его. То, что я пытаюсь достичь, - это случайное позиционирование фонового изображения, но мне нужно знать, насколько велика изображение, чтобы она не позиционировала себя каким-либо образом, чтобы выставить фон элемента.

Также было бы неплохо случайным образом анимировать фоновое изображение, например, какой-то эффект ожогов кена. Но я думаю, что знаю, как добиться этого, используя animate()

Надеюсь, что кто-то может помочь здесь! Спасибо, дан.

Answer 1

В PHP функция getimagesize ([Filename]) даст вам высоту и ширину изображения. Все, что вам нужно сделать, это предоставить функции имя файла изображения, и оно вернет массив с высотой, шириной и типом изображения.

Приведен пример использования here и документация php.net here.

Answer 2

Вы не можете сделать это, используя только фоновое изображение. С учетом сказанного вы могли бы получить URL-адрес фонового изображения, затем создать тег dom/img с этим img, поместить его с экрана влево, получить его размеры и затем уничтожить.