• Registered: 2008-05-27
  • Posts: 3

Topic: Background image fill proportions

For some reason when using background images the image gets out of proportion.
It seems it is stretched vertically.

For example:
http://www.danscentrumvanbommel.nl/Foto … index.html

and the bg image is:
http://www.danscentrumvanbommel.nl/imag … bum_bg.jpg

Does not seem im proportion to me :)

  • Felix
  • Site Admin
  • Offline
  • Registered: 2006-03-16
  • Posts: 4,395

Re: Background image fill proportions

By default the background image stretches to fill the browser window. Alternatively you can set the 'backgroundScale ' option to FILL or NONE: http://www.simpleviewer.net/simpleviewe … .html#back

Felix Turner
SimpleViewer Support Team.

Felix's Website

3 Reply by Riball (edited by Riball 2010-06-14 08:35:39)

  • Registered: 2008-05-27
  • Posts: 3

Re: Background image fill proportions

Yes but when using FILL, it gets out of proportions. It looks like the background image get size to a square image and then it get's filled according to the browser.

The ideal FILL would be like they are doing on http://www.protest.eu

It uses a resize handler on the stage.
Then it first calculates the scaling for the background to get fullscreen for the width and the height. Then it checks which scale is the highest. Then it scales the background to the highest scale and repositions it.

The FILL property seems to do something similar. But the image height is getting too big.