2013-04-02 21 views
5

Bendeğiştirme Arka plan resim boyutu javascript

background-image: url('url_here'); 
background-attachment: fixed; 
background-repeat: repeat; 

ancak temel CSS ile, bir web sitesinde bir tekrarlanan arka plan resmi koymak teşebbüs edilmiştir, id görüntü im boyutunu değiştirmek mümkün olmak ister javascript kullanarak yenileme kullanarak. CSS işlevini

background-size: 300px; 

var ama ne yazık ki COM tarzı nesne doesnt - bu kökenden için neler yapabileceğini için here bakın. Bu bana bir seçenek bırakıyor: Kendisini tekrarlayan bir HTML görüntüsü kullanarak, daha sonra COM stili nesnesini düzenleyebiliyorum.

Yani, aşağı kaydım, sorum şu: Bir arka plan resmi olmayan bir HTML görüntüsünü tekrarlamanın bir yolu var mı? Herhangi bir yardım büyük beğeni topluyor.

cevap

11

Aslında şöyle javascript arka plan boyutunu etkileyebilir CAN:

document.getElementById("el_id").style.backgroundSize = "100px 100px"; 

kontrol dışarı bu keman: http://jsfiddle.net/Lph2W/. CSS, arka plan resmi boyutunu 200px X 200px olarak ayarlar, ardından JS onu 100px X 100px'e güncelleştirir.

+1

YUKARI oy vermeyi unutmayın lütfen bulduysanız. bunun için çok teşekkür ederim! iyi çalışıyor! – pinkie

3

Bu benim için çalıştı ve umarım bu, başkalarına yardımcı olur.

var el = document.getElementById("notification"); 
el.style.background = 'url(images/Noti.png) no-repeat center center'; 
el.style.backgroundSize="100% 100%"; 

bu yararlı oh my :)

+0

Bu sorunun orijinal soruya neden yardımcı olduğu konusunda daha fazla ayrıntı ekleyebilir misiniz? Net değil, aslında cevap veriyor. – mjuarez

+0

Yüzde daha iyi çalışıyor sonra px –

+0

Soruyu daha iyi cevaplamak için, örneğin alıntıları tekrarlayabilirsiniz.

İlgili konular