on:2012年4月13日sponsors画像やテキストなど、HTMLのさまざまな要素をページネーションのコンテンツにするjQueryのプラグインを紹介します。jPages[ad#ad-2]jPagesのデモjPagesの使い方jPagesのデモデモは数多くあり、まずはデフォルトのシンプルなものから紹介します。Defaultsリスト要素で実装した画像をページネーションコンテンツにします。page1ページに表示するアイテム数を調整できます。Buttons前へ・次へのボタンをカスタマイズできます。linksリンクは数字だけでなく、ちょっとおしゃれな感じにも。Linkリンクをテキストにすると、タブ風にも。Animation表示する際のアニメーションを豊富に用意されています。Directionアニメーションのエフェクトを適用する際の順番も指定できます。[ad#ad-2]以下は、コンテンツのデモです。Mosaicグリッドに並べた画像がモザイク状のアニメーションで表示されます。Galleryアローのナビゲーションだけにすると、ギャラリーにもなります。Tableテーブルのコンテンツをページネーションにすることもできます。外部ファイルスタイルシートとスクリプトを外部ファイルとして記述します。src="js/jPages.js"></script>アニメーションのエフェクトを使用する場合は、「animate.css」も記述します。href="css/animate.css">HTMLデフォルトのHTMLの例です。ページネーション用のdiv要素と各アイテムをリスト要素で実装します。※各アイテムはul要素である必要はありません。...</ul>JavaScriptjQueryのセレクタで指定し、スクリプトを実行します。});スクリプトを実行すると、「div.holder」は下記のようなコードになります。→</a></div>詳しい実装方法は、下記のドキュメントをご覧ください。Posts関連記事が見つかりませんでした。WordPress当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。