以上ですがもう一度検討してください。:追記ですが、画面左寄せに表示したい場合は、何も記載しないか、margin-left:0;にしてください。その右に文字を入れたい場合は、float:left;にしてください。:連絡遅くなりました、すみません。:出かけていて返事が遅くなりました。解決してホッとしています。いつもお世話になってます。フェイドイン・アウト型スライドショー(レスポンシブ)をお借りしたいのですが、画像が2枚の時のCSSの記述方法のアドバイス頂けたら幸いします。:nobuyukiさんこんにちは。スライドが2枚ですから、photo1、photo2だけの記述になります。8s;のままでいいです。15%,45%.,60%の数値は、好みで決めてください。:いろいろアドバイスありがとうございました。:はじめまして、いつも参考にさせて頂いてます。表示するスライドの枚数、遷移時間を別々に設定しようとしてつまづいております。cssの記述をどのようにすればよろしいでしょうか?また、特定の1枚だけを長く表示させることは可能でしょうか?ご教示頂けると嬉しいです、よろしくお願いいたします。:takkyuさんはじめまして。スライド枚数を8枚、1枚毎の遷移時間を8秒としましょう。トータルのanimationの秒数は、8×8=64sとなります。100%ということになります。1枚当たりの%は、100/8、すなわち、12.5%ということになります。12.5%の間にFadeInして表示してFadeOutさせます。実際は、FadeOutするときに次のスライドがFadeInしますから、これを調節します。上の例では、例えば以下のようなcssコードになります。}}3%、11%などの値は表示させてみて、好みで調整してください。1枚だけ表示時間を変えたい場合は、上の例で行くと、1枚だけ16秒にしたければ、トータルのanimationの秒数は、8×7+16=72sとなり、これが100%となります。短い表示時間のスライドは1枚当たり11%、長いものは22%となります。長いスライドの次のスライドからは、長いスライドの表示に余計にかかった秒数を加えます。このやり方は、スライドが完全にFadeOutしてから次のスライドがFadeOutすることになります。うまく重ねて表示させることになりますが、複雑なので省略します。以上から、ご検討ください。:返答遅くなってしまい申し訳ありません、アドバイスありがとうございます。ちなみに、個々のページに別のスライドショーを掲載する際には、stage1,stage2,stage3...と別に記述するだけでなく、html内とcss内の画像(photo1,photo2...)の方も別記述するべきだと自己解決しました。:初歩的な質問で申し訳ないのですが。fc2ショッピングカートで使用させていただこうと考えています。実際に設置し、問題なく動作はしています。画像5枚とも、5枚目の画像に貼ったリンク先へ飛んでしまいます。直したらよいのでしょうか。:sachiさんこんにちは。このタイプは、画像が5枚重なっていて、5枚目が一番上にあります。したがって、opacityが0になっていても、5枚目が常にクリックの対象になってしまい、5枚目のリンク先に飛んでしまうのです。0のタイミングで、display:none;として、表示されているスライドのみを表示するようにします。スライドイン・アウト型を使えば、対象スライドのみ枠内に表示されますから、解決します。私としては、二つ目のスライドイン・アウト型をお勧めしますが、いかがでしょうか。:お返事ありがとうございます。スライドイン・アウト型に変更してリンクも問題なく貼れました。フェイドイン・アウト型の修正については、なんとなく分かりました。本当にありがとうございました。:解決してよかったですね。確かに、リンクを貼るところまでは気が回っていませんでした。機会があったら、それを加味したscriptを公開したいと思います。スライド2枚のタイプで、5秒間隔で以下のように設定しております。5s;しかし、2枚目スライド後に20秒間ほどグレーの背景が出てきてしまします。スマートフォンでの使用です。なにか改善策があればご教示ください。