BgSlider.js from Template Monster
I'm very very very new to this, but I received a template from Template Monster (Pretty Photo) that uses BgSlider.js and I've been modifying it for a photographer's website. My problem is that I can't get the slideshow to work automatically. I presume the code below is what I need to mess with. I have already tried changing the slideshow to true and increasing the time and duration, but what happens is the slideshow runs through so quickly, it looks like the photos are just layered on top of each other.
So I have two questions:
1) How can I get the slideshow to run automatically (users can manually change the photos using tabs at the bottom) when the website loads? and......
2) Is there a way I can get the background image to be static when the portfolio pages are open (e.g. a photo of a bride and groom as the background image when the Wedding portfolio is selected)? (I'm guessing this one probably deals with a different part of the code.....?)
- $.extend(_fw.meth,{
bgSlider:{
slideshow:false,
speed:600,
duration:2200,
easing:'',
preload:false,
pagination:false,
pagActiveCl:'current',
pagEv:'click',
pagArea:'a',
current:0,
currN:0,
method:'fit',
altCSS:{},
padding:0,
preload:false,
spinner:false,
minSpinnerWait:150,
preloadFu:function(){
var opt=this,
img=$('<img>')
.css({position:'absolute',left:'-999%'})
.appendTo('body'),
num=opt.images.length
;(function(){
if(num)
img .load(arguments.callee)
.attr({src:opt.images[--num]})
else
img.remove()
})()
}