Lightbox Plus
ウィンドウサイズよりも大きな画像を表示した際に、画像の拡大ができます。 表示画像のサイズと表示位置がリアルタイムでウィンドウサイズに追従します。 効果画像を貼付けることができます。 マウスホイールで画像の拡大率を変更することができます。 拡大した画像はマウスでドラッグできます。 設置方法は Lightbox JS とほとんど同じです。 html ヘッダに lightbox_plus.js を追記します。 <script type="text/javascript" src="lightbox_plus.js"></script> Lightbox を有効にする全てのリンクに rel="lightbox" 属性を追記します。 ver 20090707 より spica.js が不要になりました。lightbox_plus.js に全ての内容が記述されています。 "lightbox_plus.
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (2) Lightbox 2.0を使う | パソコン | マイコミジャーナル
Lightbox 2.0を使う それでは実際にLightbox 2.0を使ってみます。ここでは実画像をphotoフォルダに、サムネール画像をthumbフォルダに入れてあります(下記図参照)。 「アルバム用の画像フォルダを作成し画像を入れておく」 Lightbox 2.0は非同期通信などの処理にprototype.jsライブラリ、エフェクト処理にscriptaculousライブラリを使用しています。これらのライブラリはLightbox 2.0をダウンロードすると一式で入っていますので新たにダウンロードする必要はありません。Lightbox 2.0を使用する前には、これら2つのライブラリを読み込ませる必要があります。読み込ませる時には必ず<head>内の<script>タグで最初にprototype.jsライブラリ、次にscriptaculousライブラリの順番で読み込ませます。 <scrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]Lightbox風エフェクト+画像拡大をCSSで実装するスタイルシート