Backstretch.js is a fundamental tool in many a developers arsenal, and few other scripts can really achieve quite the same effect with such minimal effort.
Below is a quick use setup for Backstretch with some additional handy uses and capabilities.
Add inside the head of your HTML document:
Add above the </body> of HTML document:
In the above, we have set Backstretch to both the ‘body’ of the page as well as a div – ‘.divToBackstretch’. The amount of things that this can be applied to within a single page is unlimited, and lines from the above code can be added and removed as needed.
Another example, 3 divs backstretched with seperate images:
Change the positioning of the background image from horizontal center – vertical center to horizontal center – vertical top. View post
Set WordPress featured image to backstretch. View post