jQuery

【jQuery】jQueryレスポンシブパララックスプラグインPARALMAX

July 23, 2018
PARALMAX

PARALMAXはjQueryレスポンシブパララックスプラグイン。

Link to Files

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script src="js/paralmax-min.js" type="text/javascript"></script>

Set up Codes

HTML Code
パララックスしたい要素にclass .parallax-objectを追加する

<div class="parallax-object">
    <img src="images/2.jpg" alt="">
</div>

JQuery Call

jQuery(function($){
	
	$(window).on('load', function() {
        // PARALLAX FUNCTIN CALL
        $(".parallax-object").paralmax();
    });

});

HTML Data Options

  1. Speed ( float, from 0 to x.0 )
  2. Resize ( boolean, true or false )
  3. Offset ( float, from 0 to 1 )
  4. Breakpoint ( boolean, true or false )

MIT