Using Jquery fullscreen background plugin with multiple backgrounds on one page
in Getting Started
•
8 years ago
The short of this, is how do I use this?
fullScr.setImage("images/bg_about1.jpg");
inside a DIV on a page? Do I just put it inbetween <script type="text/javascript"> </script>
-----
the long explanation:
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
1