ホームページビルダー21の使い方 JQuery フォトモーション実演ページ

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

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

従来のホームページビルダーでは「Flashタイトル」の作成が提供されています。Flashに対応していないデバイス(iPad, iPhoneなど)では表示することができません。その解決策がホームページビルダー18(hpb18)に新たに搭載されたの「JQueryフォトモーション」です。以下のような4種類のコンテンツが作成可能です。このページに見本を作成してみました。写真はホームページビルダーの素材集を利用しています。
ホームページビルダー19クラシックにサイトを移行したことが原因なのか不明ですが、ズーム、カルーセルの表示がおかしくなっています。記録のためにこのままにしておきます。

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

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

 
 
 
 
 
 
 
 

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

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

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

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

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