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
0
votes
0 answers

Add link to backstretch slides

I'm currently altering an existing website which is using Backstretch for a fullscreen slideshow as the site is using a parallax effect as well. The alteration I need to make is to add a different link to each slide. I've used backstretch a lot but…
Nick
  • 25
  • 1
  • 5
0
votes
1 answer

Backstretch jQuery dot navigation

I am trying to build navigation for a backstretch slider using dots. Currently I am using the value of the dot to change to the slide with that value on click. Letting it autoplay 1 or 2 slides and the clicking on the first dot the index returns 01…
Connor
  • 91
  • 6
0
votes
1 answer

How do you chain a jquery function to a vanilla selector

It's probably simple, but I can't figure it out or word it correctly for search engines. I'm trying not to use jquery where possible for a.performance and b.personal practice. I am selecting an element var container =…
John_911
  • 1,124
  • 2
  • 21
  • 38
0
votes
0 answers

Get value from data-attribute and use it in a filter

This is puzzling me for the past hours already. Hopefully anybody has the clearing answer and in any case, thank for any support. In need to filter between three values in a data-attribute, which are set in jQuery. These values are changed and put…
Mike Branch
  • 1
  • 4
0
votes
0 answers

Page Contents Fades Out After 1 Second

I have an website that a modal. Whenever I visit one page, however, only on a mobile device, all the content fades off the screen after 1 second of being there. I am using backstretch.js, and this exact HTML:
Skyler Spaeth
  • 193
  • 1
  • 1
  • 11
0
votes
2 answers

Backstretch jQuery plugin doesn't work

I'd like to use the Backstretch jQuery plugin to create a fullscreen background picture on the starting page. Therefore I used the following code:
Adrian Varysoo
  • 75
  • 6
0
votes
1 answer

Wordpress Custom Backstretch Image

I'm using a studiopress theme with backstretch script already included. The site's background image is used but I'm using a content delivery network. At present the image url is: mysite.com/media/background-image.jpg I want it to…
Darren_C
  • 1
0
votes
1 answer

Straight background image in a skewed container CSS

I'm trying to create a rotated container, which can accept a background image. The thing is, I'm trying to keep the original image proportions, so the image isn't skewed, but only cropped. Here's a fiddle I've set…
tlt2w
  • 321
  • 1
  • 5
  • 17
0
votes
1 answer

jQuery backstretch plugin won't work at all -- new to programming

I can't get my backstretch plugin to work at all. I downloaded it directly from here and I was following along a youtube tutorial, but his code worked and mine didn't. What am I doing wrong? Do I have to download something else? I'm new to…
NewbieKC
  • 1
0
votes
0 answers

Backstretch on multiple Divs

I'm trying to create a single page website that scrolls vertically. My design is image based and it needs to be mobile responsive for my grade. The issue I'm having is with the background images. I can get backstretch to work with just the body,…
Pupz89
  • 1
  • 2
0
votes
1 answer

How to show image caption in a slideshow with backstretch?

I'm using jQuery backstretch slideshow: $.backstretch([ "http://dl.dropbox.com/u/515046/www/outside.jpg" , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg" , "http://dl.dropbox.com/u/515046/www/cheers.jpg" ], {duration:…
Martin Joe
  • 27
  • 9
0
votes
1 answer

overlay content on backstretch

I want to add a div with some title over the JQuery Backstretch images. The code looks like:
Here the inner div is used for backstretch. If I add any content prior to that…
Krishna Sarma
  • 1,852
  • 2
  • 29
  • 52
0
votes
1 answer

Images not resizing correctly - JQuery Backstretch

I am trying to edit a WordPress template that I purchased. The slideshow images, the centerpiece of the homepage, are not resizing properly when the browser window is resized. The height also seems to be fixed at a very small height and no matter…
Amy
  • 503
  • 4
  • 9
  • 20
0
votes
0 answers

Add images for jQuery backstrech

I get the images from a database and will add this to a array for the backstrech-Plugin. This is the code I created: /* Get topslider */ function getHomeSlider() { var data = {}; var url = $( "#preloader" ).data( "url-slider" ); var imgArray = new…
user2632918
0
votes
1 answer

backstretch.js duration out of sync with .animate() delay

Preface: I am new to writing my own jQuery code and have had help writing the animateContinously() function below. I'm using backstretch.js to have a full browser viewport/background slideshow and jQuery animate() function to change the color (with…
codeview
  • 209
  • 5
  • 15
1 2
3
4 5 6