Image positioning

[keithlogan]

Hi,

Firstly, thanks for developing a fantastically simple plugin - great job!

I'm having a little trouble on how the image resizing seems to work. The plugin seems to center the image that is being used as a background on both axis. I'm finding that I'm losing the bottom part of the image, can you vertically alignment the image from the bottom up?

Thanks

[srobbin]

Hi Keith,

Thanks for the kind words about backstretch. Much appreciated.

Yes, the plugin does center the image. If you want to turn that off, use the centeredX and centeredY options, and set them to 'false.' That will align the image from the top-left. Unfortunately, the plugin doesn't support aligning from the bottom or bottom-right. Though, if you're comfortable with JavaScript, then it should be easy to fork this project and make the necessary changes.

http://github.com/srobbin/jquery-backstretch/blob/master/README.textile

Hope that helps.

–Scott

[keithlogan]

Hi Scott

Thanks for the quick reply.

The issue I'm finding is that the bottom (important part) of the image is getting missed out depending on what screen someone views it on. I'm just starting out with Javascript and unfortunately don't have the know how. Can you give me any tips perhaps on the best image dimensions to get round this for example?

Cheers
Keith

[srobbin]

Hi Keith,

I believe that if you just change the bgCSS = {left: 0, top: 0} to bgCSS = {left: 0, bottom: 0} in the _adjustBG function, and set centeredX and centeredY to 'false,' that it will work as you'd like. Though, I haven't tested it.

Unfortunately, beyond this reply, I won't be able to help any further. Best of luck.

–Scott

[joerails]

Hello,
i would like to know where to place my images because my backstretch is not even loading images

[maplesyrupsucker]

In case anyone was curious, I can confirm @srobbin's solution works great! Thanks for sharing that!

[apendua]

FYI, please take a look at #379