Stack Overflow
Stack Overflow

Questions tagged [jquery-backstretch]

Backstretch is a small plugin for JQuery that displays a background image scaled to fit the browser window.

Backstretch is a 2K (minified) JQuery plugin. It displays an image as the page background and scales as the browser window is resized. It is dual licensed under MIT/GPL.

Created by Scott Robin, who is also the author of other JQuery plugins including PageSlide

Download and info

88 questions
1
vote
2 answers

I'm using jquery backstretch and horizontal scrolling. Why does it jump back to the left when I call $.backstretch('next')?

I've recreated a very stripped back version of what I'm doing here: http://jsfiddle.net/xK7U2/11/ html:
css: html, body { width: 100%; height: 100%; } .placeholder { width: 300%; height: 100%; …
user844621
  • 83
  • 1
  • 7
1
vote
1 answer

CSS Jquery help, Image shifts when the silder changes

http://oliveid.com/ If you go to this site you can see what I'm talking about. The logo image shifts slightly whenever the backstretch background image fades. Can't figure out what causes this. I'm viewing it through the latest firefox browser. If I…
koo
  • 11
  • 1
1
vote
1 answer

Why does not "$(this)" work width .data on jquery-backstretch?

So I am trying to get $(this) to work. This does not work: $(".tournament-thumb").backstretch($(this).data("url")); But this does: $(".tournament-thumb").backstretch($(".tournament-thumb").data("url")); I need to take the url from the data. Here is…
simonkristiansson
  • 13
  • 3
1
vote
2 answers

jQuery Backstretch and PHP

I am building a WordPress website where I want a fullscreen homepage background slider. I really like the jQuery backstretch plugin here: https://github.com/srobbin/jquery-backstretch (If you take a quick peek at how it works there, choose the…
Huw Rowlands
  • 591
  • 1
  • 7
  • 17
1
vote
0 answers

Animating a div with a backstretch in it

I am trying to use a div that is set to 100% of the initial browser window, with the Backstretch plug-in applied to it, and have it animate on a click to resize to a smaller dimension, while another div underneath it resizes as well, allowing them…
JacksonThatsMe
  • 11
  • 1
1
vote
1 answer

Adding image opacity to background image with jQuery

I am referring to a friends website at http://www.gamezilla.co.za. The background image is streched with a jQuery plugin (backstretch), but the images has a very light grid mask over it. How do you add this mask to a background-image using CSS or…
mauzilla
  • 3,574
  • 10
  • 50
  • 86
1
vote
1 answer

change image within backstretch element

Currently I am trying to implement the ability to change the image with my backstretch. Backstretch is binded to a block level element like so, $("#background-image.slideshow").backstretch(backgroundImages, {fade: 750,duration: 4000}); What I am…
Udders
  • 6,914
  • 24
  • 102
  • 194
0
votes
1 answer

Background image is not scaling in mobile devices

Hi i am trying to scale down a background image which is set in a specific div to scale down for mobile screen like iphone or android but it is not scaling down instead it shows only a specific part of large image while i want that whole image…
Umer
  • 3
  • 4
0
votes
1 answer

What's wrong with this code to load image in jquery backstretch in view page?

i have below code for using jquery backstretch plugin in my login project. my project is asp.net core and login page is a view page. but the code has problem with local address of images. when i change address of image to a http address that work…
Noorollah
  • 3
  • 3
0
votes
0 answers

Main page has a backstretch applied to all pages but want to remove it on a certain page

The designers for our site set a backstretch jquery to the entire site. I am making a subpage that I don't want to have a backstretch on. I'm not quite sure how to go about it. I attempted a .destroy and a .remove but still didn't receive the…
Nelly Rubio
  • 11
  • 3
0
votes
1 answer

.destroy (backstretch) doesn't work with ajax content

I've a website with one instance of backstretch for a slider (in div #backstretch), loaded from an array of images on the site itself. The array looks like this: