diamonds.js

JavaScript

ダイヤモンドみたいな形のイメージギャラリーを実装できるjQueryプラグイン「diamonds.js」

diamonds.jsというjQueryプラグインを使えば、ダイヤモンド(菱形)みたいな形をしたイメージギャラリーを実装することができます。普通のイメージギャラリーじゃつまらない!という方にはよさそうですね。ちょっと変わったイメージギャラリーなので印象に残りそうな感じです。

[ads_center]

diamonds.jsの使い方

diamonds.jsの使い方

diamonds.js

jQueryを読み込んでいる状態で、diamonds.cssとjquery.diamonds.jsをhead内に読み込みます。

<link rel="stylesheet" type="text/css" href="diamonds.css" />
<script type="text/javascript" src="jquery.diamonds.js"></script>

マークアップはこんな感じです。

<div class="diamondswrap">
    <a href="#" class="item">sample</a>
    <a href="#" class="item">sample</a>
    <!-- 中略 -->
</div>

プラグインを呼び出します。

$(".diamondswrap").diamonds({
    size: 250,
    gap: 1
});

iBUFFALOのBSMPBAC02シリーズ購入レビュー急速充電対応!4ポートタイプのiBUFFALOのUSB充電器「BSMPBAC02シリーズ」購入レビュー前のページ

絵文字を簡単に表示させることができるjQueryプラグイン「CSS Emoticons」次のページCSS Emoticons

関連記事

  1. jQuery Accordion
  2. no-image

    JavaScript

    スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

    Mobile-Friendly Tableはスマホなどのモバイルに最適…

  3. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  4. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

  5. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP