div repeat में छवि (पृष्ठभूमि img नहीं) बनाते हैं?

Question

मैं एक छवि को दोहराने की कोशिश कर रहा हूं जो एक div में है और कोई पृष्ठभूमि छवि नहीं है लेकिन यह नहीं पता है कि कैसे। क्या आप मुझे समाधान के लिए इंगित कर सकते हैं?

मेरे कोड इस तरह दिखता है:

<div id="rightflower"> 
<img src="/image/layout/lotus-dreapta.png" style="repeat-y; width: 200px;"/> 
</div> 

Answer 1

आप style="background-repeat:repeat-y;width: 200px;" बजाय style="repeat-y" रूप repeat-y लिए उपयोग किया है।

छवि टैग के अंदर इस प्रयास करें या आप div

.div_backgrndimg 
{ 
    background-repeat: repeat-y; 
    background-image: url("/image/layout/lotus-dreapta.png"); 
    width:200px; 
} 

Answer 2

नहीं सीएसएस के साथ आप नहीं कर सकते। आपको जेएस का उपयोग करने की आवश्यकता है। एक त्वरित उदाहरण पृष्ठभूमि करने के लिए img को कॉपी:

var $el = document.getElementById('rightflower') 
    , $img = $el.getElementsByTagName('img')[0] 
    , src = $img.src 

$el.innerHTML = ""; 
$el.style.background = "url(" + src + ") repeat-y;" 

या आप वास्तव में छवि को दोहरा सकते हैं, लेकिन कितनी बार?

var $el = document.getElementById('rightflower') 
    , str = "" 
    , imgHTML = $el.innerHTML 
    , i, i2; 
for(i=0,i2=10; i<i2; i++){ 
    str += imgHTML; 
} 
$el.innerHTML = str; 

Answer 3

के लिए नीचे दिए गए सीएसएस का उपयोग कर सकते यह शायद सिर्फ यह नकली करने के लिए आसान एक div का उपयोग करके किया जाएगा। बस सुनिश्चित करें कि यदि ऊंचाई खाली है तो आप ऊंचाई निर्धारित कर सकते हैं ताकि यह वास्तव में दिखाई दे। उदाहरण के लिए कहें कि आप चाहते हैं कि यह 50px लंबा हो, div ऊंचाई को 50px पर सेट करें।

<div id="rightflower"> 
<div id="divImg"></div> 
</div> 

और अपनी स्टाइल शीट में केवल पृष्ठभूमि और इसकी गुणधारा, ऊंचाई और चौड़ाई, और जो भी आपके मन में था, उसे जोड़ें।

Answer 4

(DEMO)
कोड:

.backimage {width:99%; height:98%; position:absolute; background:transparent url("http://upload.wikimedia.org/wikipedia/commons/4/41/Brickwall_texture.jpg") repeat scroll 0% 0%; } 

और

<div> 
    <div class="backimage"></div> 
    YOUR OTHER CONTENTTT 
</div>