シンプルでフレキシブルでレスポンシブなlightboxプラグイン「Nivo Lightbox」 | スターフィールド株式会社

世の中カテゴリーの変更を依頼記事元:

sterfield.co.jp

8 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

natsukareala いいかんじ

2014/03/05 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fsterfield.co.jp%2Fdesigner%2F%25E3%2582%25B7%25E3%2583%25B3%25E3%2583%2597%25E3%2583%25AB%25E3%2581%25A7%25E3%2583%2595%25E3%2583%25AC%25E3%2582%25AD%25E3%2582%25B7%25E3%2583%2596%25E3%2583%25AB%25E3%2581%25A7%25E3%2583%25AC%25E3%2582%25B9%25E3%2583%259D%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%2596%25E3%2581%25AAlightbox%25E3%2583%2597%25E3%2583%25A9.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="http://sterfield.co.jp/designer/%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%A7%E3%83%95%E3%83%AC%E3%82%AD%E3%82%B7%E3%83%96%E3%83%AB%E3%81%A7%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AAlightbox%E3%83%97%E3%83%A9.html">シンプルでフレキシブルでレスポンシブなlightboxプラグイン「Nivo Lightbox」 | スターフィールド株式会社</a><a href="https://b.hatena.ne.jp/entry/sterfield.co.jp/designer/%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%A7%E3%83%95%E3%83%AC%E3%82%AD%E3%82%B7%E3%83%96%E3%83%AB%E3%81%A7%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AAlightbox%E3%83%97%E3%83%A9.html">はてなブックマーク - シンプルでフレキシブルでレスポンシブなlightboxプラグイン「Nivo Lightbox」 | スターフィールド株式会社</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

シンプルでフレキシブルでレスポンシブなlightboxプラグイン「Nivo Lightbox」 | スターフィールド株式会社

久しぶりにjQueryプラグインを紹介します。今回紹介するのは、もうすでにありふれているlightbox系のプ... 久しぶりにjQueryプラグインを紹介します。今回紹介するのは、もうすでにありふれているlightbox系のプラグインですが、最近のフラットデザインに則したもので、プラグインにもその波が押し寄せてきているということでしょうか。。レスポンシブなのはいいですね！今までのものとデザイン的に大きく変わったわけではなく、シンプルになっています。このプラグインでは、 Ajax、Iframe,SWF,Youtube,Vimeo,Inline HTML 等が表示出来ます。デモは以下からご覧ください。 DEMO Nivo Lightboxの導入方法まずは、head内に以下のようにして、プラグイン等を読み込むようにします。 <link type="text/css" href="css/nivo-lightbox.css" rel="stylesheet" media="all" />