最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
お手軽WordPress Tips：管理画面での画像アップロード等に使われているlightboxを他の用途でも利用する - かちびと.net
投稿やページで画像等のメディアをアップ ロードする際に使われてるlightboxを他でも 利用するというのが今日のWordPress tips です。さほど使う機会は無いでしょうけど、 まぁ知っておくと役に立つんじゃないかな・・ box内は好きなコンテンツを挿入出来ますよ。 せっかく使われてるのにメディアやテーマの確認だけでは勿体ない気もするので、機会があったら使ってあげてください。使われているlightoxのスクリプトはThickBoxですので、classを与えてあげるだけで手軽にlightboxを管理画面で使えます。 コード ご利用中のテーマのfunctions.phpに以下を含めます。 function dashboard_lightbox() { ?> <ul> <li><a href="#TB_inline?inlineId=dog01" class="thickbox" tit
【参考有】地味にイラッとくるサイトの作り:ネットのお話 ブログ（＾ー＾）
2011年04月13日17:13 カテゴリ ツイート パソコンのお話 カテゴリ 知識的なお話 【参考有】地味にイラッとくるサイトの作り 意外なところでユーザーはイラッとしてる。 Jquery使いまくりも よく考えないといけないな！ 実際に作ってみたページはこちら（別ウィンドウで開きます） 1 以下、名無しにかわりましてVIPがお送りします 2011/04/13(水) 15:04:46.08 ID:zutpGT+E0 画像のサムネイルをクリックすると背景が薄暗くなって実寸の画像が中心に表示 12 忍法帖【Lv=40,xxxPT】 2011/04/13(水) 15:08:19.44 ID:KKXuxMO10 >>1 それLightboxって言うんだけど嫌な人多いの？ せっかく使ってるのに。 15 以下、名無しにかわりましてVIPがお送りします 2011/04/13(水) 15:09:26.29
カーソルを合わせた際、その場で大きくズームさせられるjQueryプラグイン「hoverZoom」:phpspot開発日誌
jQuery hoverZoom - a lightbox and gallery alternative カーソルを合わせた際、その場で大きくズームさせられるjQueryプラグイン「hoverZoom」。 画像のサムネイルがあったとして、カーソルを合わせることでその場でアニメーションしながら拡大できるライブラリです。 その場で広がる感じでアニメーションして拡大されます。 ギャラリーなんかに実装する際の１つの選択肢として使えます。 関連エントリ LightBoxライクに同一ページ内の要素をポップアップするライブラリ jQueryベースのLightBoxクローン「prettyPhoto」 表示法が新しくセクシーなLightBox「SexyLightBox」 クールにアニメーションする角丸LightBox「prettyPhoto」
わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer - かちびと.net
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると
技術サイト等で使えそうなページ内に設置する「ソースを見る」ボタンの実装例:phpspot開発日誌
Make a ‘View Source’ Button | CSS-Tricks 技術サイト等で使えそうなページ内に設置する「ソースを見る」ボタンの実装例。 なんらかのライブラリを配布する際やコードの動作を紹介するデモページなんかに導入しておくと利用者に親切かも。 ボタンクリックでLightBox風にソースを表示させることができ、きちんとハイライトもされた状態になっています。デザインもなかなかいい感じ。 ファイルのダウンロードも可能ですので比較的簡単に実装できますね。 firefoxやChromeでは、view-source:http://〜みたいにするとソースコードを見るページにリンクできますが、そうした方法での実装法も紹介されています。 関連エントリ ブラウザ上で動作するソースコードエディタ『Edit Area』 ブラウザ上でソースコード編集が可能な開発環境を提供「ecoder」
jQueryで実装するサークル状の簡易ギャラリー - かちびと.net
なかなかユニークだったのでメモ。 サークル状に実装するjQueryを 使ったギャラリーです。Lightbox風 に拡大もします。真ん中にキャプ ションも表示される親切設計。デモ は3種類ありますよ。 IE6ではレイアウトが崩れていましたが動作はしますのでcssさえ何とかすれば使えるかも。 jQuery Roundrr nextを押すとサムネイルが回転して、キャプションが噴出しで表示されます。 中央に表示される画像はLightboxで表示出来ます。 ちょっと重いかな・・・デモは3つあるのでぜひご覧下さい。 jQuery Roundrr
iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグイン - かちびと.net
iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢として思えておくといつか 役に立つかも、と思ってエントリー。 PCは勿論、iPhoneやiPadでも、そのモニターサイズの幅に合わせてLightbox風にフルスクリーン表示してくれます。特に設定も不要なのは楽で良い感じ。というか、iPhoneやiPad向けに作られたっぽいですね。 Touch-Gallery ↑ モニターのサイズに自動で合わせて拡大表示してくれるjQueryプラグインです。 ↑ PCで見るとこんな感じ。基本的には普通のLightbox系の拡大表示です。 ↑ iPhoneで見てもモニターサイズに合わせて拡大表示します。 ↑ 横にしても自動的に横幅に合わ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
