qpScroll

JavaScript

背景に複数の画像を設定してパララックスのスクロールを実装できるjQueryプラグイン「qpScroll」

qpScrollというjQueryプラグインを使えば、背景に設定した複数の画像を使ってパララックスのスクロールを実装することができます。実際のデモではスクロールする度に色んな画像が出てきておもしろいです。オプションでスピードなんかも設定することができます。

[ads_center]

qpScrollの使い方

qpScroll

qpScroll

imagesFolderに画像が入っているフォルダのパスを、imagesArrayには画像を指定していきます。

$(document).ready(function(){
    $('body').qpScroll({
        imagesFolder: 'images/parallax’,
        imagesArray: [ '1.jpg','2.jpg', '3.jpg', '4.jpg', '5.jpg' ],
        firstSpeed: 5,
        neighbourRatio: 1.1,
        offset: 0,
    });
}); 

パララックスを使ったサイトを作る際に活用したいですね。

WordPressで投稿IDを指定した記事をランダム表示WordPressで複数の投稿ID(記事ID)を指定した記事をランダムで表示させるやり方前のページ

LINEで送るボタンの設置方法について次のページLINEで送るボタンの設置方法

最近の記事

  1. チキンサブジ
  2. trolox(トロロックス)
  3. ホットコーヒー
  4. すぱじろうのたらことサーモンと千寿ねぎのすぱ
PAGE TOP