上のCODEですと、スライドショーの下に何か記述しますと、スライドショーと重なって表示されます。position:absoluteが指定されているからです。そこで、スライドショーのCODEの下、記述の上に、以下のタグをはさんでください。style="padding:28%;"&gt;&lt;/div&gt;28%は画像の縦/横比から決めた値です。:素早い対応ありがとうございます。max-widthの600pxを画面サイズが超えない限りはいい感じです。状況に応じていろいろやってみます。style=”padding:28%;”&gt;&lt;/div&gt;を#stage内の最終行に入れてください。id="stage”&gt;・・・・&lt;/div&gt;内の最終行です。読み間違えていたようです。ご指摘通りに挿入するとOKでした。ありがとうございました。cssを参考にさせていただきました。ありがとうございます。各写真に、リンクを張ったのですが、すべて同じリンクに飛んでしまいます。(photo5)何か原因があるのではないかと探しているのですが、今のところ見つからずどうしたものかと思っています。良策があればご教授いただければ幸いです。:西村さんこんにちは。このフェイドイン・アウト型は、スライドが全部重なって配置されていますので、最後のスライドが一番上になっていて、そのリンクだけが有効になります。スライドイン・アウト型は重なっていませんので、このままリンクを貼ってもそれぞれのリンクに飛ばせます。フェイドイン・アウト型で、それぞれのリンクをアクティブにするには、アニメーションをdiv(#photo1,,,)に付与し、表示されたスライドを一番上に表示する(z-indexを大きくする)必要があります。リンクを貼ってください。src="img2/1.jpg"&gt;&lt;/div&gt;&lt;/a&gt;(2)cssは以下のようになります。