Tumblr で画像を Lightbox 表示！(しかも何も導入せずに)
久しぶりに Tumblr の HTML テーマをイジってみたところ、新しい発見があった。そこで、 Tumblr に投稿した画像を Lightbox エフェクトを使って格好良く表示する方法を書いてみる。 そもそも Lightbox とは？ Lightbox とは何ぞや？という人ももちろんいるだろうから簡単に説明すると、画像を画面の真ん中に表示して画像以外を目立たなくするエフェクトのこと。 Tumblr でいうと、新しめの HTML テーマを使っている場合に、フォトセット投稿、あるいはパノラマ投稿した画像をクリックすると、その画像が Lightbox 表示される。 ただし、単純な写真投稿の場合には Lightbox 表示されないので、今回はこの場合にも Lightbox 表示されるようにテーマをイジってみよう。 Lightbox 表示されるように HTML テーマをイジる そもそも Tumbl
レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」:phpspot開発日誌
VenoBox - responsive jQuery modal window plugin レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 LightBox派生スクリプトは多々ありますが、レスポンシブでクールなフラットデザインで、地図、動画、画像、iframeなどなんでも埋め込めるので、今の時代にかなり使いやすそう。 関連エントリ フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」 LightBoxはここまで進化したよ「VisualLightBox」
フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」:phpspot開発日誌
Nivo Lightbox - Dev7studios フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 次のようにシンプルなフラットデザインを採用したLightBoxが実装できます。 こういうところまでフラット化の波が押し寄せています。ざっぱ〜ん。 フラットなようで若干シャドウを使って立体的に見せているあたりもカッコいい。 iFrameやSWF,Youtube,Vimeoなどにも対応していてかなり使い勝手がよさそうです。 関連エントリ 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 LightBoxはここまで進化したよ「VisualLightBox」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」
カッコよく画像を拡大ポップアップしてくれるワードプレスプラグインの比較
jQueryを使ったWordpress用の画像拡大表示プラグインをまとめました。 画像をクリックすると背景が暗くなって画像が浮かび上がってくるような表示になるアレです。 Lightbox系プラグインなんても呼ばれてます。 このプラグイン、同じようなのがいっぱいリリースされていてそれぞれ動作や内容が違うし結構数も多い・・・。 ということでここに各プラグインのスクリーンショット画像付きでまとめてみました。 導入したサイトもリンクしてあるので実際のアクションを見ながら比較できます。 比較に当たって、以下のプラグインは導入に至りませんでした。 また、個別に「rel=」で指定しないといけないものは除外しました（過去の画像すべてにつけないといけないため）。 Auto Thickbox 動作はとても軽く良かったのですが、カスタム出来なかったこととポップアップ動作があまりキレイでなかったため除外しました。
jQueryベースで綺麗なLightBox風JavaScript「ColorBox」
twitter facebook hatena google pocket 巷に溢れかえるLightBox風ギャラリー。 ColorBoxもそんなJavaScriptの一つですが、colorと名乗るだけあり、綺麗な感じです。 sponsors 使用方法 ColorBoxからファイル一式をダウロードします。 <link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" /> <link type="text/css" media="screen" rel="stylesheet" href="colorbox-custom.css" /> <!--[if IE]> <link type="text/css" media="screen" rel="stylesheet" href="colorbox-cus
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像やYouTube等の動画をポップアップで表示させるWordPressプラグイン | WPナビ
