フェードイン・スライドショー v2.14 ユーザー・ガイド : チュートリアル [1]
スライドショーの新規作成

このチュートリアルでは、フェードイン・スライドショー管理パネルを使って、最初のスライドショーを作ります。

画像を用意する

まず最初にスライドショーに入れたい画像を用意してください。

用意した画像

すべての画像が同じサイズであるのが理想ですが、多少違っていても画像のアスペクト比(幅と高さの比率) を自動的に調整して同じサイズする機能があります。(画像のアスペクト比の変更については画像をアップロードする際に、また説明いたします。)

スライドショーの新規作成

画像が用意できたところで、管理パネルから新規のスライドショーを作成します。 新規のスライドショーを作成するには、トップメニューからスライドショーをクリックして、 次に新規作成をクリックしてください。

新規作成をクリック

新規作成用のフォームが表示されます。

スライドショー新規作成のフォーム

このフォームにスライドショーのタイトルサイズを入力します。

タイトルは管理パネル内でこのスライドショーを参照するのに使われます。 思い出しやすいタイトルをつけてください。

タイトルを入力

スライドショーのサイズ(幅と高さ)ですが、スライドショーを貼りつけたページ内で、どのように表示したいかを考慮して決めることになります。 もし用意したすべての画像が同じサイズなら、そのサイズを記入するのがベストです。

サイズを入力

用意した画像のサイズが同じでない場合、これが一番よいという基準は特にありません。 適切なサイズを選ぶには、サイズの情報がスライドショー内でどのように使われているのか知っておくと役に立ちます。 次のセクションで、スライドショーのサイズに関する重要な二点を説明します。

スライドショーのサイズに関する重要な点

スライドショーは縮小可能、アスペクト比(幅と高さの比率)は維持される

今仮に、幅200px、高さ100pxと指定して作成したスライドショーがあったとします。

幅200px、高さ100pxのスライドショー

このスライドショーを、幅100pxのスペースしかない場所に貼りつけてみましょう。

幅が100pxの場所

この場合、スライドショーの幅は、100pxに自動的に縮小され、それにあわせて高さも半分の50pxになります。

高さも幅にあわせて縮小される

この例のように、スライドショーは貼りつけした場所にあわせて小さくなることができます。 しかし、スライドショーのアスペクト比(幅と高さの比率)は変わりません。

アップロードした画像は、スライドショーのサイズに収まるように縮小される

今仮に、幅100px、高さ50pxのスライドショーがあったとします。

幅100px、高さ50pxのスライドショー

このスライドショーに、スライドショーより大きい、幅200px、高さ100pxの画像をアップロードしたらどうなるでしょうか。

幅200px、高さ100pxの画像

この場合、画像はスライドショー内に収まるように、スライドショーのサイズ(幅100px、高さ50px)に縮小されます。

画像は自動的に縮小される

さて、上記のケースでは、画像とスライドショーのサイズが違うといえども、アスペクト比(幅と高さの比率)は、 2対1で同じでした。

アスペクト比 = 2 : 1

次のケースでは、画像とスライドショーのアスペクト比が違う場合を考えてみます。

アスペクト比が違う画像をスライドショーにアップロードする

このケースでも、画像はスライドショー内に収まるように縮小されますが、アスペクト比が違うために、隙間が生じます。

アスペクト比が違うと隙間が生じる

アスペクト比を維持しないでアップロードすることもできます。その場合画像は引き伸ばされて、隙間を埋めることができます。

画像のアスペクト比を無視してスライドショーのサイズに合わせる
«
フェードイン・スライドショーのインストレーション
»
画像のアップロード