How to stretch data-src image to a div tag width and height?

Question

I have a tag such below :

<div data-thumb="http://aeo-azsharghi.ir/images/photo_2017-07-26_08-35-
    11_th.jpg" style="background-size: cover;" data-src="http://aeo-
    azsharghi.ir/images/photo_2017-07-26_08-35-11.jpg" data-alignment="topCenter">
</div>

My need is fitting image as a background image to div.

Are you using any JavaScript libraries with this? If so could you please tell us what they are and show any code that's related to adding an image background? — Andrew Myers, Aug 09 '17 at 13:38
actually it is joomla's slideshow ck module. I want to streach slideshow images — Abolfazl Pourmohammad, Aug 10 '17 at 10:10
I tired too much to do this. but it is not working. I added "data-width" and data-height" property too but the result is the same as without the parameters — Abolfazl Pourmohammad, Sep 04 '17 at 10:42

score 0 · Accepted Answer · answered May 17 '22 at 07:48

0

I tried this post solution and it worked for me. Fit background image to div

background-size: contain;
background-size: cover;
background-size: 100%;

.container{
    background-size: 100%;
}

answered May 17 '22 at 07:48

Abolfazl Pourmohammad

21
1
6

How to stretch data-src image to a div tag width and height?

1 Answers1