サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
Jack Slocum's Blog Resizable Reloaded - A reusable component for resizing elements This is a basic as you get. To resize the box, position your mouse anywhere near the bottom, right or bottom right edge of the box. This example uses the default "floating" handles. リサイズ可能なブロック要素をページに作る為のJavaScript コンポーネント。 次のように、ブロック要素にリサイズハンドルを付けることができ、画像をその場でリサイズできます。 小さい画像を置いておいて、利用者が自由にリサイズするようなUIが実現出来ます。 Yahoo
Get Into This Image Gallery using jQuery, Interface & Reflections I'm been playing around with jQuery a lot lately. It's definitely not the holy grail of Javascript toolkits, but I like it. The community created plugins and the documentation are great. jQueryを使った映り込みエフェクトがかかったイメージギャラリー。 右上のCOLLECTION1 を押してギャラリーを閲覧していくことが可能です。 画像の下あたりに表示されている映り込みエフェクトが美しいですね。 もちろん、画像は用意せず、JavaScriptによって映り込みを表現しています
ブラウザ上で自由にデザインできるページ作成ツール『Noovo Communications... 次の記事 ≫:「PEARの使い方くらいは知っておきましょう」記事 TripTracker Blog Blog Archive Revamped Slideshow We recently updated the TripTracker photo slideshow interface. For a sample, click on the first thumbnail below and then the Play button: LightBox風にスライドショーを行うブックマークレット。 ブックマークレット内で外部スクリプトを読み込んでいるため、結構込み入ったスライドショー機能を実装できてます。 Flickr上でも動作すると書いてあったので試してみましたが、これはちゃんと動かないようで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く