Comments (6)
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.
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.
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.
Hello,
i would like to know where to place my images because my backstretch is not even loading images
from jquery-backstretch.
In case anyone was curious, I can confirm @srobbin's solution works great! Thanks for sharing that!
from jquery-backstretch.
FYI, please take a look at #379
from jquery-backstretch.
Related Issues (20)
- Slide show change onLoad? HOT 2
- Bad Img size in Mobile Landscape Mode HOT 1
- Black gap on tablet when scrolling
- Change image database [LARAVEL]
- jQuery is not defined HOT 1
- destroy doesn't work with ajax content HOT 1
- Uncaught Error: No images were supplied for Backstretch, or element must have a CSS-defined background image. HOT 1
- Resuming video skips the next image
- Doesn't responce to inner content changes
- first image stays double time HOT 1
- Showing pictures with captions?
- height?
- .bind deprecated jquery3 HOT 1
- Use plugin or not ? HOT 2
- Usage of video in the slidedown results with missing object%20Object]
- Slideshow scales different to static image
- Add a opacity on my image on backstretch HOT 1
- How to set a separate dwell time for each picture
- when using slideshow it downloads image file each time
- Backstretch not displaying any images HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-backstretch.