3 Replies Latest reply on Jan 8, 2014 9:33 AM by resdesign

    Adaptive An

    nausicaa.c

      I have to present a project, like a kind of interactive slideshows (parallax, videos, links, navigation buttons, and more...), the problem is that it must be adaptive in width and height .

      I looked at some js, but they only solves the problem of the width, if I will do all in percent (or proportion), stage and elements, I might have some problems?

       

      I don't expect a real adatptive site like in drupal, but something similar to a swf file.

       

      Help me: site adaptive in height!

       

      Not know what I was clear...

       

      Thanks

        • 1. Re: Adaptive An
          resdesign Adobe Community Professional & MVP

          Here is what Sarah wrote a while ago:

           

          // center the stage

          winwidth=document.all?document.body.clientWidth:window.innerWidth;

          winHeight=document.all?document.body.clientHeight:window.innerHeight;

          myPosition = (winHeight -400)/2;

          //alert("winHeight is" + winHeight + "and the stage position is at " + myPosition);

          $("#Stage").css("margin","auto");

          $("#Stage").css("margin-top",myPosition);

          window.onresize = function(event) {

                winwidth=document.all?document.body.clientWidth:window.innerWidth;

                              winHeight=document.all?document.body.clientHeight:window.innerHeight;

                              myPosition = (winHeight -400)/2;

                              $("#Stage").css("margin","auto");

                              $("#Stage").css("margin-top",myPosition);

          }

          1 person found this helpful
          • 2. Re: Adaptive An
            nausicaa.c Level 1

            More info please, I am not a programmer ()

             

            I write the code in composition Ready and give it to the stage?

            (Because nothing happens... I'm sorry)

            • 3. Re: Adaptive An
              resdesign Adobe Community Professional & MVP

              Just place this code in stage/compostionReady.