jQuery
【jQuery】jQueryレスポンシブパララックスプラグインPARALMAX
July 23, 2018
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
- Speed ( float, from 0 to x.0 )
- Resize ( boolean, true or false )
- Offset ( float, from 0 to 1 )
- Breakpoint ( boolean, true or false )
MIT
