PloneSlimbox

PloneSlimbox は PloneLightboxJS のスクリプトを Lightbox JS v2.0 から Slimbox にしたプロダクトです。

takanori

このプロダクトについて

PloneSlimbox は plone 上での写真の表示時に Slimbox を使用するようになるプロダクトです。

このプロダクトをインストールすると、フォルダでの サムネール表示 と COREBlog2 でエントリーに画像を関連付けたときに、拡大画像の表示に Lightbox JS v2.0 を使用します。

PloneSlimbox を使用したサンプルは以下を参照してください。 画像をクリックすると、拡大画像が Lightbox JS v2.0 を使用して表示されます。

操作

Slimbox ではマウス操作やキー入力でこんなことができます。

clickable area

  • 拡大表示を閉じる(元画面に戻る): x, c または o を入力。右下の CLOSE をクリック
  • 前の画像を表示: p を入力。左半分をクリック
  • 次の画像を表示: n を入力。右半分をクリック
  • plone 上での画像表示、元画像の表示: 左下のそれぞれのリンクをクリック

サンプル

インストール

PloneSlimbox のインストールは、標準的な plone のプロダクトのインストール手順と同じです。

最新のアーカイブをダウンロードして、zope サーバを再起動してください。

% wget http://plone.org/products/plone-slimbox/releases/0.3/PloneSlimbox-0.3.tar.gz
% tar xfz PloneSlimbox-0.3.tar.gz
% sudo chown -R zope:zope PloneSlimbox
% sudo mv PloneSlimbox /var/lib/zope/Products
% sudo /etc/init.d/zope restart

その後、plone の プロダクトの追加・削除 で PloneSlimbox をインストールします。

Install PloneLighboxJS

なお、PloneSlimbox を使って COREBlog2 のエントリ上の画像を表示させたい場合は、COREBlog2 をインストールしたあとに PloneSlimbox をインストールしてください。 (skin を適用する順番が関係するため)

install

Simply place the PloneSlimbox folder in your Zope's Products dir, restart zope.

% wget http://plone.org/products/plone-slimbox/releases/0.3.4/PloneSlimbox-0.3.4.tar.gz
% tar xfz PloneSlimbox-0.3.4.tar.gz
% sudo chown -R zope:zope PloneSlimbox
% sudo mv PloneSlimbox /var/lib/zope/Products
% sudo /etc/init.d/zope restart

Install PloneSlimbox in your Plone site, go to Site Setup -> Add/Remove Products.

install PloneSlimbox