CSS arka plan olarak kullanılan bir görüntünün görüntü genişlik ve yükseklik Başlarken

2 Cevap php

Ben bir tiyatro sitesi için bir jquery slayt atlıkarınca inşa ediyorum, bu tiyatroda başlıkları ve 5 en son gösterileri ilgili fotoğrafları görüntülemek için kullanılıyor. Gösterileri, ve onlar için yüklendi fotoğrafların URL'ler, bir veritabanından yüklenir ve aşağıdaki yapıya eklenir:

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

Ve daha sonra ilişkili kontrol altına yerleştirilir.

What i need to know is: How can i get the height and width of each image (using php OR jquery), and store it in the script in some way that jquery can get hold of it, and randomise it. What i am trying to achieve is random positioning of the background image, but i need to know how big the image is so that it doesn't position itself in any way that would expose the background of the element.

Ayrıca, ken çeşit etkisi yakar gibi rastgele, arka plan görüntüsü animasyon güzel olurdu. Ama i) i (animate kullanarak bunu başarmak için nasıl biliyorum

Birisi burada yardımcı olabilir umut! Teşekkürler, Dan.

2 Cevap

PHP, getimagesize ([Dosya]) fonksiyonu size bir resmin yükseklik ve genişliğini verecektir. Yapmanız gereken tüm işlevini görüntünün dosya adı vermek ve bu yükseklik, genişlik ve görüntü türü ile bir dizi dönecektir olduğunu.

Bu here kullanılan bir örnek ve php.net belgeler here bulunmaktadır.

Sadece arka plan resmini kullanarak bunu yapamaz. Bunu dedi, muhtemelen o zaman, o img bir dom elemanı / img etiketi oluşturmak sola ekranı kapalı konumlandırmak, bu boyutlar var olsun, ve sonra onu yok, arka plan görüntüsü url alabilir.

etiketler