使った、フェイドイン、フェイドアウトで写真を切り替えるタイプのスライドショーである。#frame内にすべて表示させる。全て同じサイズ(写真サイズ)に設定。・写真(img)の非透明度の初期値を0(非表示)に設定する。・animationは、最初の5%(1.5秒)でフェイドイン(opacity0->1)、そのまま20%まで表示し、次の1.5秒でフェイドアウト(opacity1->0)し、そのまま100%まで時間待ちとする。・各写真(スライド)のanimation間隔を6秒ずつずらして取り、写真が順次表示されるようにする。:スライドショーの作り方、参考になりました。ありがとうございます。javaScriptも使い方がわからずスライドショーは無理だと思っていましたが、CSSだけで出来て感動です。今から山の写真をスライドショーで作成する予定です。:お役に立てて幸いです。他にも、動きのあるものなどがありますので、参考にしてください。こちらのソースをお借りしたいと思うのですが、サーバーにアップロードするとどうも機能しないのです。stage,frameの中央にphotoの左端があり、指定widthに収まっている、五枚目photoの左半分が張り付けられているという状態になります。width,height,時間をいじりましたがローカルでは問題なく作動するのでなにがおかしいのかわからないのです。状況は同じでした...。このような事をオーナーさん聞くべきか考えたのですが、他にはない、これぞ求めているスライドショーソースなので、なんとかして使わせていただきたいです。何かのテンプレートを使っていませんか。このスライドショーはシンプルなものですので、通常の使い方でしたら動くはずです。何らかのテンプレートをお使いでしたら、cssがテンプレートのcssと干渉しあっているかもしれません。stage,frame,photoなどのdiv名を違う名前にしてみてください。:お早い対応ありがとうございます。テンプレートは一切使っておりません。メモ帳にネットで調べたタグソースを入力し組み合わせ作っています。div名も全て自分で一つずつ指定していっているので被ってるということはないです。すいません、IEのみで確認していたため気づくのに遅れたのですが、GoogleChromeで見てみるとこちらは思惑通り形で正常に表示されていました...。:このサンプルは、Ieに対応しています。古いバージョンでは確認していませんので、わかりません。コードはコピペしていますか?もし入力しているのでしたら、-webkit-などがついていないコードを見直してみてください。:コードはコピー、ペーストさせていただきました。いうように打ち変えることはしました。Chromeでは正常表示されているようなのに、なぜでしょうね。差し支えなければ、Webページのアドレスを教えてください。:アドレス私の一存では判断できないものなのですいません。METAタグを書くということで無事IEでも表示することに成功しました!お騒がせしてすみませんでした。それではコードお借りします!ありがとうございました。:解決したとのこと、ホッとしました。お役に立てて、幸いです。