Add Image to Div

Question

Hi,

On the page there is an empty div with id = "Destination". Add an image to this div. Use at least a couple different methods. Explain in which situations each method would be ideal.

Thanks in advance.

Senthilkumar · Answer

Hi Arjun, If you have an requirement to assign the image from the server side. Like you have stored the image in the sql server and if you want to assign that image to div tag from the server side. The div tag should be given runat="server" in the attribute and you can add the style attribute to the div tag. We set an background repeat is no repeat. I hope this helps you to solve your question. Please mark it as "Accepted Answer" if it is useful.

Arjun Panwar · Answer

Thanks, Senthil for reply different methods. can you tell me about the method 2?

Senthilkumar · Answer

Hi Arjun, The div tag is allow us to set the image as background to the div control. It can be set through the css, inline style or javascript. Method1: Write th div tag in your HTML page right Write the css class to assign the image to the div tag. .rightbox { width:300px; height:400px; padding:5px; border:1px solid #720B0C; float:left; background: url(images/bg.jpg) } Method 2: If you want to assign the image dynamically from the server side then myDiv . Attributes [ "style" ] = "background-image:url(" + myImgPath + "); background-repeat:no-repeat;" ; Method3: Inline style in the div tag Method4: Change in the javascript document . getElementById ( "myDiv" ). style . backgroundImage = "url('test.jpg')" ; Hope this will answer your question. If it is useful then mark it as "Accepted Answer"

Add Image to Div

Answers (3)