POPSブログ

ブログ記事一覧: photo

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

jQueryで画像分割してスライドする2

前ページの記事のJS、縦長に分割した「ホリゾンタル」スライドに、4ドアのスライドなどを追加しました。

≫ 続きを読む

jquery 2013/01/24 pops
タグ:jquery , photo , memo , slice

jQueryで画像分割してスライドする

jQueryで、画像を分割 delay() で表示パターンを作り、主に「スライド」をさせます。縦長に分割した「ホリゾンタル」スライドの感じになります。2ドアのスライドも出来ます。

≫ 続きを読む

jquery 2013/01/22 pops
タグ:jquery , photo , memo , slice

jQueryで画像分割して色々なエフェクト

jQueryで、画像を分割 delay() で表示パターンを作り、色々なエフェクト処理を行ってみます。その都度、画像分割を変化させたりの組み合わせでエフェクトが100種類以上になります。

≫ 続きを読む

jquery 2013/01/19 pops
タグ:jquery , photo , memo , slice

jQueryで画像分割表示のパターンを作る

jQueryで、画像を分割して、delay()を利用して表示パターンを作り、エフェクト処理を行ってみます。便利なようにdelay()用の複数の「標準的なパターン」を作成する。Chromeの処理が早くなったせいか以外と軽快です。

≫ 続きを読む

jquery 2013/01/17 pops
タグ:jquery , photo , memo , slice

jQueryで画像分割を変化して表示する

jQueryで、画像を分割して、delay()を利用して表示パターンを作り、エフェクト処理を行ってみます。その都度、画像分割を変化させた形態にした。

≫ 続きを読む

jquery 2013/01/13 pops
タグ:slice , memo , photo , jquery

jQueryで画像を分割して表示する

jQueryで、画像を分割して、delay()を利用して表示パターンを作り、エフェクト処理を行ってみます。簡単なサンプルでその仕組みと処理過程をみてみます。

≫ 続きを読む

jquery 2013/01/11 pops
タグ:slice , memo , photo , jquery

jQueryのattr()で画像表示とフェード

jQueryで、画像をimg要素に読み込むにattr()を使用します。フェード、クロスフェードなどの画像処理を行ってみます。

≫ 続きを読む

jquery 2013/01/04 pops
タグ:jquery , photo , memo

ブログ記事一覧



[1]