ホームページビルダー21 クラシック フルCSSテンプレート JQuery フォトモーションの使い方実演ページ

本邦唯一日本IBM出身ホームページビルダー元開発責任者 鎌田裕二の
ホームページビルダー教室
ホームページ作成無料相談受付中(こちらをクリック!!)

TEL 045-567-8393
 (平日11~20時 土11~17時 日祝休 留守電不可)

ホームページビルダー18で搭載され、ホームページビルダー19で機能強化(画像へのキャプション・リンク設定)されたJQueryフォトモーション。同様のページをホームページビルダー18で作成していたのですが、19クラシックに移行したことが原因なのか、動作がおかしくなってしまったので、ページを作り直します。キャプション・リンク設定の実演はこちらをご覧ください。

JQuery フォトモーション スライドショー
画像を次々と切り替えることができる。切り替え効果を変更できる。(キャプション・リンク設定可)
JQuery フォトモーション ギャラリー
サムネイル画像をタイル上に他並べて、クリックにより拡大表示する。
JQuery フォトモーション ズーム
サムネイル一覧から表示画像を選択し、その画像の一部を拡大することができる。
JQuery フォトモーション カルーセル
複数の画像をスクロールしていく。(カルーセルの原義は回転木馬)

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

 

JQuery フォトモーション ギャラリー見本

JQuery フォトモーション ズーム 見本

JQuery フォトモーション カルーセル 見本

hpb19 JQuery フォトモーション使用上の注意点

同じページに種類の同じフォトモーションを2つ以上挿入できません。同じ種類のJQueryフォトモーションをページ内に2つ以上使用することができないようです。これはhpb18と同様です。
また、ワードプレス投稿ページ内には作成できないと思います。