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
8
votes
3 answers

Backstretch images not appearing

Hi having a problem with no images loading for the past 5 days of trying with backstretch. Checked all my file paths, have proper library plugins, checking order of markup, checked order of scripts. Any ideas? please help! Thanks so much -- and…
user2961665
  • 81
  • 4
7
votes
1 answer

jQuery backstretch image auto-moving and back

I use backstretch on my website. Now trying to move the backgroudn automatically from left to right and back. But til now, it just moves in one direction. I'm lookig for a continous loop of that moving image. How can I reset / move back the…
Johannes C. Schulz
  • 460
  • 4
  • 19
4
votes
6 answers

Flexslider not working with jquery selector

I am using Flexislider to slide my images. My HTML code is :
3
votes
2 answers

Using Backstretch for different images for individual pages

I hope there's someone out there that can help. I am trying to use jQuery Backstretch to apply a different background image for each specific page within Bootstrap/Wordpress. e.g: Home - bg image a About - bg image b News - bg image c and so…
Dezza
  • 41
  • 2
3
votes
3 answers

backstretch next & previous buttons

I'm using the backstretch jquery to cycle images on my website. I can get the images to cycle fine, but I'm trying to add "next" and "previous" buttons, and I can't get them to work. When I click on the next button, nothing happens. My next button…
SamC
  • 319
  • 1
  • 3
  • 13
3
votes
5 answers

Change jQuery image src dynamically

I saw just wondering how it would be possible to change a src every say 5 seconds, I am using $.backstretch("site.com/images/home5.jpg"); Is it possible to swap 'home5.jpg' with other image (say home6.jpg and home7.jpg) like a slideshow? I'm not…
user1370288
  • 909
  • 3
  • 10
  • 20
2
votes
1 answer

Serving a different set of images for mobile

I'm using jQuery-backstretch to serve fading background images on my page. This works well for desktop, but because of how detailed these images are, I need to use another set of of images for mobile users only. So far I found out how to disable the…
belvedere
  • 47
  • 1
  • 5
2
votes
1 answer

Backstretch copy output from loop to a DIV

I have a full screen background slideshow powered by the Backstretch script. I'm trying to create a caption for each slide and would like to display the information in inside of
The span is…
belakbox
  • 75
  • 8
2
votes
1 answer

How to use backstretch plugin method inside a $.ajax function

I´m working on an Instagram gallery in a responsive Wordpress theme and have found some issues I would like some help with. I´m getting the Instagram feed using ajax and jsonp and appending the result in several empty divs. The simplified code I'm…
albrivero
  • 21
  • 2
1
vote
2 answers

Can simply not get Backstretch to work! Giving 404 error when trying to load

I am working on a little webpage in my spare time, where I am using python/django with bootstrap. I don't really have much experience with frontend, so are trying to do things very simple. Today I saw the backstretch plugin and thought it sounded…
Tina Andersen
  • 41
  • 2
1
vote
0 answers

Calling functions once class 'og-expanded' exists with jQuery Elastic Grid

I'm using the plugin http://demo.phapsu.com/jquery.elastic_grid/ for a portfolio and also using jQuery backstretch plugin (http://srobbin.com/jquery-plugins/backstretch/) with it on the
I have the portfolio in. When a portfolio item is…
user1023036
  • 23
  • 1
  • 3
1
vote
2 answers

How to add css to jquery backstretch?

So I was able to create a slideshow using the jquery backstretch. $.backstretch([ 'assets/images/main-01.jpg' , 'assets/images/main-02.jpg' , 'assets/images/main-03.jpg' ], {duration: 5000, fade: 850}); However, I wish to add a…
Sifa
  • 23
  • 1
  • 3
1
vote
0 answers

stop backstretch slideshow on certain resolutions

Im using JQuery Backstretch (http://srobbin.com/jquery-plugins/backstretch/) to make a nice background gallery. As on mobile i always get some problem with the overlay content i want to stop the backstretch slideshow if the resolution is lower than…
Stiller Eugen
  • 681
  • 2
  • 10
  • 28
1
vote
0 answers

Number of Images allowed in Backstretch Slideshow

I wondered if you can add more than three images to a jQuery Backstretch slideshow, I have three images rotating but it wont pick up a fourth, see code; $('document').ready(function () { $.backstretch([ "images/img1.jpg" , "images/img2.jpg" ,…
SarahK
  • 11
  • 3
1
vote
1 answer

BackStretch blank bottom bar on mobile scroll

So I am using BackStretch jQuery plugin for my website and so far it's working great. The only problem I see is that on mobile vertical screens a blank white bar appears on the bottom when I start scrolling down - right after the top url and bottom…
Jacob Buller
  • 137
  • 4
  • 24
1
2 3 4 5 6