17 Replies Latest reply on Aug 15, 2011 8:38 AM by actionscafe

    How to make a fullscreen background changeable?

    annamagdk

      Hello,

       

      I am working on a site where I have made a fullscreen background image, which scale with the size of the browser window.

      I would like to make it change to a new pic ( also fullscreen ) when clicking links. Any suggestions how to do this?

       

      This is how the image is made fullscreen:

      body {

      -webkit-background-size: cover;

      -moz-background-size: cover;

      -o-background-size: cover;

      background-size: cover;

      background-attachment: fixed;

      background-image: url(bg4.jpg);

      background-repeat: no-repeat;

      background-position: center center;

      }

       

      i would like to make it changeable with links looking something like this:

      Screen shot 2011-08-11 at 9.20.44 PM.png

       

      Thank in advance - im looking forward to hear your ideas.

       

      Anna