POPSブログ

ブログ記事一覧: LightBox

jQuery FlickrAPI getJSON画像表示

FlickrAPI photos.search メソッド利用でデータをjQuery.getJSONで読み込み、画像を表示します。FlickrAPIデータ取得には「FlickrAPIキー」が必要になりますが「指定する大きな画像」を得られるのが特徴です。
デモでは1045px画像をLightBoxで原寸表示して見ます。

≫ 続きを読む

jquery 2015/05/24 pops
タグ:photo , LightBox , jquery

jQuery 単純簡易 LightBox CSS3角丸陰影、HTML5専用タイプB

jQueryで作った「LightBox」であるが、CSS3による角丸陰影形式で「HTML5専用」タイプに仕上げてみた。前ページのJSと違い、上下にテキストなしの単純簡易な形式で、ありふれた簡単な構造ですからCSSも簡略されています。画面一杯に拡大したサイズでの表示が可能です。
原則「IE7.8」には対応しません。2.0系のjquery-2.0.1.min.jsでのテストです。

≫ 続きを読む

jquery 2013/06/05 pops
タグ:jquery , LightBox , html5 , photo

jQuery 簡易 LightBox CSS3角丸陰影、HTML5専用タイプ

jQueryで作った「LightBox」であるが、CSS3による角丸陰影形式で「HTML5専用」タイプに仕上げてみた。CreateJSでの「LightBox」と比較する意味もある。当方の「LightBox」はパネルの殆んどが角丸陰影で出来ており、上下にテキストのスペースを持ち画像と共にパネルが拡大するのが特徴です。
2.0系のjquery-2.0.1.min.jsでのテストです。

≫ 続きを読む

jquery 2013/06/03 pops
タグ:jquery , LightBox , html5 , photo

CreateJS wicks方式サムネール、LightBoxタイプ、フルサイズ表示

CreateJSを利用して、キャンバスにサムネールをwicks方式で表示します。サムネールを「クリック」すれば画像が拡大します。偶然出来た「LightBox」で「フルサイズ表示」します。LightBoxのテストより「サムネールwicks方式」で表示テストの意味合いが濃い。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/06/01 pops

CreateJS 画像拡大ビューア、サムネールDrag対応 LightBoxタイプ、フルサイズ表示

CreateJSを利用して、キャンバスにサムネールをランダム配置表示します。サムネールを「クリック」すれば画像が拡大します。サムネールはDrag対応ですから移動出来ます。偶然出来た「LightBox」タイプを組み合わせてみました。画面イッパイに拡大する「フルサイズ表示」が可能です。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/05/24 pops

CreateJS 画像拡大ビューア、サムネールDrag対応 LightBoxタイプ

CreateJSを利用して、キャンバスにサムネールをランダム配置表示します。サムネールを「クリック」すれば画像が拡大します。サムネールはDrag対応ですから移動出来ます。偶然出来た「LightBox」タイプを組み合わせてみました。
easeljs-0.7 でのテストです。

≫ 続きを読む

javascript 2013/05/23 pops

jQuery 伸縮するパネル/7

前記の「伸縮するパネル」シリーズ「LightBox」JSを改造し、CSS3形式での角丸陰影処理をしました。CSS3対応のブラウザのみ機能します。なおIE7.8は角丸陰影処理出来ません。(IE6非対応)。

≫ 続きを読む

jquery 2012/10/10 pops
タグ:photo , css3 , LightBox , jquery , series

jQuery POPS-iBOX の改造

pops-ibox-3iは、テスト的に CSS3 を利用したものに改造して見たものですが、それらを含め改造する方法など少しかきます。

≫ 続きを読む

jquery 2012/10/07 pops
タグ:css3 , LightBox , jquery

jQuery POPS-iBOX シミュレーション3

pops-ibox-3c、を改造して、CSS3 でコーナー、陰影処理を行ったテスト「LightBox」の「シミュレーション」を行います。

≫ 続きを読む

jquery 2012/09/25 pops
タグ:css3 , LightBox , jquery

jQuery POPS-iBOX シミュレーション2

角丸陰影画像を外周に配置した「伸縮するパネル」を利用して伸縮表示する「LightBox」、pops-ibox-3c の「シミュレーション」を行います。

≫ 続きを読む

jquery 2012/09/22 pops
タグ:jquery , LightBox

ブログ記事一覧

年別アーカイブ一覧



[1]