jQueryのColorboxをVisualforceページで動かしてみました。Colorboxは画像をクリックしたときに拡大表示してくれるjQueryプラグインです。
サンプルコードはこちらです。
Colorboxのサイトはこちらになります。
Colorboxでは複数のテーマが用意されています。テーマはそれぞれexample1 ~ example5までのフォルダに分けられています。上記サンプルコードの場合は次の赤枠内をexample1 ~ example5に変更することで切替ができます。
example1
example2
example3
example4
example5
オプションも充実していて複数画像のグループ分けや表示する画像の幅や高さ、表示速度などいろいろとカスタマイズも可能みたいです。
下記リンク先の画像をクリックした時に動作するようにしてみました。
Force.comサイトの開発のときにすごく便利だと思います。
