Giter VIP home page Giter VIP logo

Comments (6)

srobbin avatar srobbin commented on May 21, 2024

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

from jquery-backstretch.

keithlogan avatar keithlogan commented on May 21, 2024

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

from jquery-backstretch.

srobbin avatar srobbin commented on May 21, 2024

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

from jquery-backstretch.

joerails avatar joerails commented on May 21, 2024

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

from jquery-backstretch.

maplesyrupsucker avatar maplesyrupsucker commented on May 21, 2024

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

from jquery-backstretch.

apendua avatar apendua commented on May 21, 2024

FYI, please take a look at #379

from jquery-backstretch.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.