gdansk

ギャラリーだけでなくいろいろと活用できそうです。トップページにこれあるとインパクトありますね。

jQueryプラグイン『diamonds.js』

diamonds

『diamonds.js』の使い方

ヘッダー内に

Bodyの閉じタグの前に

これら2つのファイルを読み込んで、HTMLを作成していきます。

簡単にですが、作成するとこんな感じです。

demoでは、FlickrのAPIを使ってギャラリーを作成してたので、Instagramなどで作成しても出来そうですね。

オプションとして5つ用意されています

  • size
  • gap
  • itemSelector
  • hideIncompleteRow
  • autoRedraw

CSSだけで作成しようとすると、すごくメンドイ大変だなと思うのですが、これだとサクッと作成できるのでいいですね。

ADVERTISEMENT

Author:

follow FacebookPage

当ブログがお気に召しましたら是非いいね!をお願いします!

Follow Me

閲覧頂きありがとうございました:)

トップへ戻る