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. no-image
  2. Philter

    JavaScript

    CSSのフィルターをコントロールできるjQueryプラグイン「Philter」

    PhilterはCSSのフィルターを簡単にコントロールすることができる…

  3. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

  4. 3D Cube CountDown script
  5. no-image

    JavaScript

    jQueryとCSS3を使った縦型アコーディオン「Accordion-menu」

    Accordion-menuは、jQueryとCSS3を使ったシンプル…

  6. JavaScript

    色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」…

    お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ロ…

コメント

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

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

最近の記事

  1. セミの抜けがら
  2. Nikeスポーツバンド(アンスラサイト/ブラック)
  3. COMOLI 和紙コットンリストバンド
  4. スターバックス インドネシア アチェ
  5. ベーコンとほうれん草のキッシュ

アーカイブ

PAGE TOP