完成品
では、早速実装例を以下に置いておきます。 以下のスライドショーの内容は、すべて同じです。
それぞれの方式のスライドショーのHTMLソースを、別のページにまとめて用意しておきますね。 テンプレートとして利用したい方は、そちらを参照してください。
テンプレート1:クリック式 / テンプレート2:自動式1 / テンプレート3:自動式2
なお、自動的に進行するスライドショーのスクリプトは、画像を変更する間隔を短くしたりすると、ある程度まではアニメーションのような効果にすることも可能です。 いろいろと工夫すると、面白い効果として利用できるでしょう。