0 Replies Latest reply on Sep 10, 2013 6:37 AM by SEIF BH

    add 3 file(Html , CSS , JS) in project Edge Animate

    SEIF BH Level 2

      Hello ,

       

      i have 3 file

      - file html

       

      __________

      <body style="background-color:#000">

       

        <div id="crystals">

          <div class="crystal_01"></div>

          <div class="crystal_02"></div>

          <div class="crystal_03"></div>   

        </div>

       

      __________________

       

       

      file CSS

      ________________

       

      #crystals {

          position:absolute;

          top:0;

          left:0;

          width:480px;

          height:100%;

          background:transparent;

      }

      .crystal_01 {

          position:absolute;

          width:100%;

          height:100%;

          background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/crystal_01.png)repeat -y;

      }

      .crystal_02 {

          position:absolute;

          width:100%;

          height:100%;

          background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/crystal_02.png)repeat -y;

      }

      .crystal_03 {

          position:absolute;

          width:100%;

          height:100%;

          left:50%;

          margin-left:-180px;

              background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/crystal_03.png)repeat -y;

      }

       

       

      _______-

      And Page JS

          var posY1 = 0;

          var posY2 = 0;

          var posY3 = 0;

          var imgH = 500;

          setInterval(function(){

                      if (posY1 <= -900) posY1 = 0;

                      if (posY2 <= -900) posY2 = 0;

                      if (posY3 <= -1200) posY3 = 0;

                      posY1 -= 1;

                      posY2 -= 2;

                      posY3 -= 3;

                      $('.crystal_01').css({ backgroundPosition: '0' + posY1 + 'px' });

                      $('.crystal_02').css({ backgroundPosition: '0' + posY2 + 'px' });

                      $('.crystal_03').css({ backgroundPosition: '0' + posY3 + 'px' });

          },50);

       

       

          $(window).scroll(function () {

                      pageNavFunc();

          });

          pageNavFunc();

      _______--

       

       

      iwant to insert that 3 file in my project

      what i know i can insert the html file in div of my html file edge

      and i know insert CSS file in my folder

       

      and the function JS

      idon't know where i can insert it to work full of work

       

       

      some one help me please i want to know how i can work with that

      thank every one

       

       

      MARIO