Comments on: bgStretcher

By: Puneet J.

Puneet J. — Tue, 10 Jan 2012 16:11:09 +0000

Is there any example with transition between images like fade in ?

Many thanks

Puneet J.

By: peter henderson

peter henderson — Fri, 11 Nov 2011 18:05:41 +0000

Hi, great work! Can I use this code in a template to sell on a template website? Ie for commercial use? Thanks

By: Jeanné

Jeanné — Tue, 08 Nov 2011 07:46:40 +0000

Thanks so much! Exactly what I was looking for! Works perfectly on Mac and Windows.

By: Anna

Anna — Sat, 22 Oct 2011 11:05:02 +0000

Hi I try to make background center with fixed size. Is it possibile? Is anyone can help me with soloution?

By: Sam c

Sam c — Wed, 19 Oct 2011 19:05:48 +0000

Something I’m working on at the moment using CSS and JavaScript. Its similar to this outcome but doesn’t work on iPads and iPhones. Does your jquery work on iPads and iPhones?I’m tryin to find a solution to the problem I’m having.

Thanks
Sam

By: flexoduss

flexoduss — Fri, 07 Oct 2011 18:44:22 +0000

all the pictures on my website are transperant how can i solve this problem?
Thanx in advance

By: Jose

Jose — Tue, 27 Sep 2011 23:21:57 +0000

License?

By: Custom Homes Bastrop

Custom Homes Bastrop — Mon, 26 Sep 2011 22:51:40 +0000

Is there a way I can import all my wordpress posts into it? Any help would be greatly appreciated!

By: Ryan

Ryan — Sun, 04 Sep 2011 15:50:39 +0000

I have used this to create my website(www.callimorevilla.co.uk), thank you for this resource it looks fantastic!

I have made a small change to the code to stop the problem where the screen goes blank when you click on an album and you are already on the first picture of that album.

function switchImage(newImage, oldImage) {

oldImage.removeClass(’bgs-current’);
newImage.addClass(’bgs-current’);

oldImage.fadeOut( $.fn.bgStretcher.settings.slideShowSpeed );
newImage.fadeIn( $.fn.bgStretcher.settings.slideShowSpeed );
}
just make sure you fade out before you fade in!

By: yorgos

yorgos — Thu, 01 Sep 2011 10:36:39 +0000

Hello,
I copied the code between the tags head,i did everything you suggest but it doesn’t display the background image at all..I also changed the SlideShow from true to false but it still doesn’t work..this is my code

Untitled Document

$(document).ready(function(){
// Initialize Backgound Stretcher

$(document).bgStretcher({
images: ['images/background.jpg'], imageWidth: 1024, imageHeight: 768
});
});

#page {
z-index: 2;
position: relative;
}