jQuery Forum

fullScr.setImage("images/bg_about1.jpg");

I already have a Jquery slider with left and right arrows for content that uses anchors and hashes so all of the web content (pages) are on one html page. I need to have full screen backgrounds and I got something working using CSS but it doesn't show the whole image and adds vertical scroll bars which wasn't acceptable, that version is here: ilandeistudio.com

So I am trying a different method using Jquery: http://code.ttcon.hu/fullscrn/#!/instructions

I can get this working but I do not know how to get it to work with the sliders/multiple backgrounds. The instructions say that you can change the background later just call the setImage method:

fullScr.setImage("images/bg_about1.jpg");

I am not really sure how to do this or where exactly it should go. I made a test page here:http://www.ilandeistudio.com/index06.html

When you click the right arrow I want it to change to the next background like it does on the first link I posted ilandeistudio.com