POPS-iBOX


NEW POPS-iBOX


新しいパネルで設計しました


透過PNG陰影付きの外周BOXに画像を配置したスムーツ伸縮のLightBox系のjqueryプラグインです。
IE6対応を除外し、以前より違う形式のパネルで制作しました。


[ iBOXの特徴等は、、、]

  1. どんな大きさからも、画像および陰影BOXともに正確に伸縮します。
  2. スペックの低い環境でも動作します。
  3. 画像の伸縮を伴いますので使用は限定されます。珍しいものとお考えの方向き。
  4. 用途などにあわせて3種類あります。
  5. 3A、3C、は設定変更によりフェードにも対応できます。
  6. レーヤーの使用は切り替え形式にしました。
  7. IE6に対応しません。 よって軽量、動作も拠り軽快になりました。

マシン環境の悪い場合は、Google Chrome での閲覧推奨します。快適です。


ibox 動作図



PPNG32透過陰影画像使用の形式 (IE7.8対応)

形式 説明 サンプル Zip圧縮
POPS-iBox-lite 通常伸縮形(簡易軽量)
POPS-iBox-3a 透過伸縮形(伸縮、透過伸縮、など設定変更可能)
POPS-iBox-3c 伸縮形(伸縮、透過伸縮、グループ、など設定変更可能)

設定変更などの確認には POPS-iBOX 陰影画像 ( pops-ibox-3a 用) シミュレーションをご覧ください。


設定変更などの確認には POPS-iBOX 陰影画像 ( pops-ibox-3c 用) シミュレーション2 をご覧ください。

 

CSS3による陰影形式 (注意、IE7.8 陰影はつきません)

形式 説明 サンプル Zip圧縮
POPS-iBox-3i (CSS3) 伸縮形(POPS-iBox-3cをCSS3に改造)
注意、IE7.8 はCSS3未対応です。テスト制作。

設定変更などの確認には POPS-iBOX CSS3陰影 ( pops-ibox-3i 用) シミュレーション3 をご覧ください。

pops-ibox-3i (CSS3) の改造の追加資料もあわせてご覧下さい。

【参考 POPS-iBOX の改造】当方の記事: jQuery POPS-iBOX の改造


 

DOWNLOADにはサンプル動作HTML、説明、画像等一式を含みます。UTF-8 (UTF-8N)

 

対応ブラウザ(検証済みブラウザ)


・対応ブラウザ、陰影画像形式、IE7.8.9 Safari Firefox Chrome Opera
・対応ブラウザ、CSS3形式、IE9 Safari Firefox Chrome Opera


終了


POPS-iBox_a2/POPS-iBox_a2b/POPS-iBox_b2/POPS-iBox_b2b/POPS-iBox_c2、は終了しました