Untitled

 

        <div id="parallax_subskill" class="clear">

                <div class="parallax-layer element-font" style="width:120%; height:120%;">

                        <img src="images/subskill1.png" alt="" style="width:207px; height:213px; position:absolute; top:72%; right:7%;"/>

                </div>

                <div class="parallax-layer element-back" style="width:115%; height:115%;">

                        <img src="images/subskill2.png" alt="" style="width:97px; height:91px; position:absolute; right:45%; bottom:16%"/>

                </div>

                <div class="parallax-layer element-font" style="width:115%; height:110%;">

                        <img src="images/subskill3.png" alt="" style="width:65px; height:70px; position:absolute; right:25%; bottom:55%"/>

                </div>

                <div class="parallax-layer element-back" style="width:105%; height:105%;">

                        <img src="images/subskill4.png" alt="" style="width:68px; height:68px; position:absolute; right:55%; bottom:65%"/>

                </div>

           <div class="parallax-layer main" style="width:110%; height:105%;">

                        <img src="images/subskill5.png" alt="" style="width:731px; height:685px; position:absolute; right:15%; top:25%;"/>

           </div>

        </div>

        <img src="images_layout/background_subskill.png" width="100%" height="100%" style="position:absolute;top:0;left:0;z-index:-1"/>        

                <script type="text/javascript">        

                function initParalax(id){

                        $('#parallax'+id ' .parallax-layer')

                        .parallax({mouseport: $('#parallax'+id)} , {xparallax: '100px'}, {yparallax: '-100px'}, {decay: '0'});

                };

 

        </script>