jQueryなどのライブラリーを使わず、軽量な外部JavascriptとCSSのみでフワッと切り替わるスライドショーです。写真をliを使って position:absoluteで個別に表示しているため、他のコンテンツと組み合わせて表示する場合はレイアウトがやや難しいかもしれません。また、各写真へのパスは外部Javascript内にArrayで既述します。このあたりもhtml初心者には難しいかもしれません。

※参照元:http://jsdo.it/foofoo7777/2NIm   ※前のページに戻る

スライドショーサンプル