tyosbb表示写真の右側にマウスをのせると右側の送りボタンが表示され、クリックで右側から写真が入ってくると同時に表示されている写真が左側に退場するタイプのフォトギャラリーというか、スライダーである。逆の左側も同様の操作が可能である。・左右4つずつの送りボタン用ラジオボタンを配置する。中に配置し、cover_leftにマウスがのった時にイベントが発生するようにする。・右送りボタンについても、左ボタンと同様に画面右に配置する。中に水平に並べ、photo1が画面中央になるように配置する。設定し、ラジオボタン(ボタン領域)がクリックされた時に所定の位置に移動するようにする。#back3あるいは#next1がチェックされたら、-600pxに移動し、2枚目のスライドを表示する。}・各スライドごとに、スライドを送るためのボタン領域をlabelとして左右に配置し、ラジオボタンと関連付ける。・初期においては、全てのラジオボタン、全てのボタン領域を非表示にしておく。(ページが開くと、#back2がチェックされ(2枚目のスライド表示時の左ボタン領域がクリックされた状態)、一枚目のスライドが表示される。・送りボタンがクリックされたら、表示されるスライド番号のボタン領域を左右に表示するようにし、次のクリックを待ち受ける。:はじめまして、こちらのサイトを参考にさせて頂いています。ほとんど知識がないので苦戦しています。解決方法を教えて頂けると大変助かります...画像の表示サイズにとらわれずに左右のスライドを行いたいと考えていますが、上手くできない状態です。こちらのサイトの「スライダー/左右移動型(レスポンシブ)」を参考に行ったものは上手くいったのですが、自動スライドはさせたくないと考えています。クリックした時のみスライドする方式で表示サイズは自由にすることはできないでしょうか。解決方法をご助言頂けると幸いです。この例では、1枚目から5枚目までのスライドが、帯状に水平に並んでいるものを、クリックによって一枚分移動させています。したがって、サイズが同一でないとうまくいきません。解決方法としては、サイズの小さな画像は背景をつけて、背景が他の画像と同じサイスになるようにし、大きなサイズのものは、小さくサイズダウンして、いずれにしても同じサイズの画像に統一することです。レスポンシブではうまくいったということですが、この場合、divのphoto1からphoto5までを帯状に配置し、その中の画像のwidthを100%にしていますので、小さなサイズの画像は引き延ばされて、大きな画像は縮んで表示されているはずです。それでも構わないのであれば、スライドショーを動かさないようにすればいいです。削除すれば、自動スライドは起きません。:早速のご返信ありがとうございます。画像の表示サイズについては、元と画像サイズは全て一緒なのですが実際の表示するエリアが600×340でない為、元のサイズと同じサイズでは表示させないという意味でした。削除」を実施してみたのですが、今度は1枚の画像で固定されてしまい<>の送りボタンも表示されない状態となってしまいました。{内にあるfont-size:を40pxから20pxに変更、htmlの画像を指定している部分のみとなります。ご質問となってしまいますがよろしくお願いします。:サイズが異なる場合も、設定を変えれば可能ですが、うまくいっている方を考えることにしましょう。レスポンシブの方が何かといいと思います。#photos(画像の帯)の初期位置を、最初のスライド(photo1)が表示されるようにします。:何度も何度も申し訳ありません、早々ご返信にたけて大変助かっております。先程教えて頂きました方法により一枚目の自動スライドはオフにすることができました!ありがとうございます。1枚目以外の画像に送りボタンで移動してしまうと、そこからまた自動スライドが始まってしまいます。完全に自動スライドのみオフにしたい場合の方法をご助言頂けますでしょうか。:こちらこそ何度も考え足らずで申し訳ありません。各animationをスライドのみにし、スライドしたら止めるようにします。次のように、すべての#next,#backの項目について、変更してください。delayの数値は各項目で違います。forwards;}さらに、animationの記述をいかに変更してください。:何度もご親切にありがとうございました!思い通りの動きをするようになりました。貴重なお時間を頂きありがとうございます、大変助かりました。こちらこそ的確にお答えできずに、時間をかけてしましました。引き続き、ご活用ください。コメントをキャンセルメールアドレスが公開されることはありません。フォトギャラリー・スライドショ。