hop_head https://blog.hatena.ne.jp/hop_head/ WEB制作 勉強ログ | WEB LOG https://hop-head.hatenadiary.org/ CSS スライドさせたい画像を一枚の横長の画像にします。 これを、cssで背景画像に指定し、css3のanimationで画像の横幅分、スライドさせるように 指定するし、infiniteの指定をすると、無限にループしてスライドできます！画像のクローンを作って、繋げてとかいった面倒なことはなく、自動的に後ろに画像が繋がったように して、スライドさせることが出来るので、画像一枚一枚にクリックしてリンクに飛ばすなどの指定がなく ただ見せたい場合はすごい便利かと。画像の幅が1450pxで表示領域が1076pxの場合 #movie_D { background:url(animate.jpg); backgro… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhop-head.hatenadiary.org%2Fentry%2F20130920%2F1379675555" title="単純に画像のスライドを無限にループさせる - WEB制作 勉強ログ | WEB LOG" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-09-20 20:12:35 rich https://hop-head.hatenadiary.org/entry/20130920/1379675555 1.0 100%