画像(写真)の部分クローズアップで説得力アップ

jqzoomモジュールをつかうと ちょっと面白い部分ズームアップができます。 

 

jqzoomモジュールで部分ズーム機能を有効にする前に

下記手順を実行する前に、高機能エディタ(FCKeditor)のEdit FCKeditor profileページのVisibility Setting:Fields to exclude欄に以下のCSSクラスを追加し、下記項目に対してFCKeditorを無効にします。

  • edit-jqzoom-page-list

 

jqzoomモジュールで部分ズーム機能を有効にするには

  1. 管理セクション≫サイトの構築≫モジュールでjqzoomモジュールを有効にします。
  2. jqzoomモジュールを有効にすると以下のようにアクセス権の再構築を要求されます。まず最初に、この指示に従います。
  3. 管理セクション≫サイトの環境設定≫JQZoomで動作設定を行います。

    ここでは、このページのみに機能するようにしました。
  4. 次に、このページでデモっているように、画像とズーム機能をページに仕込みます。
    1)対象となる画像をインサートします(少し大きめで、鮮明な画像がいいです)
    常時表示する画像はサムネイルを作るか、適当な表示サイズをイメージ プロパティで定義します。
    ここではイメージ プロパティで 幅400としています。

    2)画像を選択し、ハイパーリンクを定義します。アップロードした画像にリンクを張り、

    スタイルシートクラスを「jqzoom」とします。