Forum | Appery.io

Background image just keeps repeating itself and I need it to fit to the screen.

Hi,

You can create CSS with the following code:codebackground-size: cover;
background-repeat: no-repeat;/code

Tiggzi('mobilecontainer').css('background-image','url("' + Tiggzi.getImagePath('album_cover.jpg') + '")')
Tiggzi('mobilecontainer').css background-repeat: no-repeat;
Tiggzi('mobilecontainer').css background-size: cover;

This is what I have within the load event and it does not work. the picture does not come up.

Hello! Please try next code (put it on screen Load event)

codeTiggzi("mobilecontainer10").css('background-image','url("' + Tiggzi.getImagePath('splash.jpg') + '")');
Tiggzi("mobilecontainer10").css('background-size','cover');
Tiggzi("mobilecontainer10").css('background-position','center');
Tiggzi("mobilecontainer10").css('position', 'absolute');
Tiggzi("mobilecontainer10").css('width', '100%');code

mobilecontainer10 - container name in your app
splash.jpg - image name
/code/code

that didn't work!

Hi,
Please give us an example of CSS or JS code you use.