パソボラC班勉強会

フォトモーション スライドショー

フォトモーションはJQueryを使って複数の写真から動きのあるコンテンツを作成する方法です。

  1. 「任意」のフォルダーにサイズの同じ写真を複数枚用意する。
  2. フォトモーションを作成する場所にカーソルをおく。
  3. ナビメニューのフォトモーションの挿入から「フォトモーション」を選択する。
  4. ウイザードからスライドショーを選択し、「作成」をクリックする。
  5. 上記1.で用意した画像をウイザード画面にドラッグする。
  6. フォトモーションのスタイルで「カスタム」をクリックする。
  7. 必要に応じて設定を変更し、OKをクリックする。
  8. プレビューを確認し「完了」をクリックする。
  9. ページ編集画面に戻るので上書き保存する。
  10. 「素材ファイルをコピーして保存」ダイアログですべてを保存する。
  11. フォトモーションを編集するには、編集画面でフォトモーションを右クリックし、「フォトモーションの編集」を選択する。
  12. 各画像毎に説明文を挿入するには、上記5のウイザード画面で画像を右クリックし、「キャプションの設定」を選択し、設定ダイアログでキャプション欄に説明文を入力する。