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

    How to make a fullscreen background changeable?




      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.