tyosbb以前に示した「スライドイン・アウト型」をレスポンシブ対応にしたものである。先の投稿、「フェイドイン・アウト型スライドショー(レスポンシブ)」に続くレスポンシブ対応スライドショーの第二弾である。計算したもので、画像サイズによって調整が必要である。transparentはスライドショーを置く場所によって必要となる場合がある。・画像(img)のwidthを100%、初期配置をleft:100%;に設定する。・imgにanimationを付与する。:スライドイン・アウト型スライドショーを作成したのですが、クロームでは表示されますが、IEでは表示されません。画像を8枚使用したいのですが、その場合のCSSはどのようになるのでしょうか。ちなみに画像のサイズは940px×600pxです。:Ieの新しいバージョンを使ってください。-webkit-などがついていないcssの記述を見直してください。Ieでも表示されます。style="padding:28%;&gt;の28%は、説明を読んで調整するで、いけると思います。:このページをfirefoxで閲覧してください。スライドショーになっているはずです。:こんにちは、使用させていただいたのですがスライドの一番初めが何もない状態になってしまうのですが、なにか手はありませんか?よろしくお願いします。この質問だけでは、お答えのしようがありません。二番目以降が正常に表示されているようなら、一番目に該当するHTMLとCSSの記述に誤りがないかどうか、1番目のスライド画像ファイルがきちんと存在するかどうかを確認してください。:ありがとうございます。このページのサンプルにあるように、最初の1枚目がなにもない所に、スライドしてくるのですべての画像は表示されています。:そういう意味でしたか、失礼しました。各スライドの、animation-delayから、1.5s(30sの5%)を引いてください。animationの5%から開始します。:すみません、質問させてください!なぜかスライド画像が2枚横に並んだ状態になっているんです。hidden;が効いていないように思われます。910px;としています。動作などは問題ありません。効いていなければ、全スライドが横並びになります。max-widthを910px;にするだけで、あとはいじらなくてもうまくいくはずですが。:ご返信ありがとうございます。max-widthを910pxこちらはそうしているのですが、910pxの画像が2枚横に並んでいる状態です。横1820pxになってしまっています。hidden;が効いていないわけではないようです。:よくわかりませんが、#stageの、position:relative;は、きちんと記述されているでしょうか?いずれにしろ、もう一度CODEを見直してください。:はい、記述されています。infinite;}もしどこかおかしい部分があればご指摘お願いします。ここに書かれている記述には誤りがありません。私には、指摘することが思い浮かびません。よろしければ、dfさんのサーバーにアップして、そのアドレスを教えてくれませんか。こちらのスライダーを利用させて頂きましたが、スライドインはするのですが前の画像がスライドアウトせずに次の画像が上に重なるように進んでしまいます。最後の画像から2度目の再生に移る時には1枚目の画像がほとんど表示させずに2枚目に進んでしまいます。追記は入念にチェックしたのですが間違いらしき個所は見当たりません。何か良い解決方法がありましたらご教示下さい。