So-net無料ブログ作成
検索選択

CSS:連続写真を重ねてX'masイルミネーションやスライドショーをブログで表示したい。 [パソコン]

ブログでクリスマス・ツリーが点滅している様子を再現したくてテストしています
タイトルをクリックするとCSSアニメーションのページにリンクします。



使いまわしがしたいので①から④まで同じCSSで行っています。
htmlは5枚の連続写真を<DIV class="photo-illumination5">で囲みます。

  <body>
  <br> <br> CSS スライドショーのテスト<br> <br>
  ①(5枚の連続写真) お台場・X'masツリーとレインボーブリッジ
  <DIV class="photo-illumination5">
     <IMG  src="./IMG_8333.JPG">
     <IMG  src="./IMG_8334.JPG">
     <IMG  src="./IMG_8335.JPG">
     <IMG  src="./IMG_8336.JPG">
     <IMG  src="./IMG_8337.JPG">
  </DIV>
  </body></html>


今のところ、(U-Page+)にcss、html、画像ファイルを置いた場合はOK。
後はブログのcss編集での確認になります。
 cssアニメーションはかなりCPUを食いそう。
 ①から④を一気に表示させたらスマホではカクカクした表示でした。
なので今回のテストのようにU-Page+にリンクした方が良さそうです。
その場合はU-Page+は10mByteしかないので写真はブログに登録してU-Page+のhtmlから画像をリンクできるか?

作成したCSSは IE、Chrome、Safari だけ対応しています。

今回はここまでにします。


ダイエット中、7月末に84Kgでスタートして 現在体重81.4Kg  年末までに80Kgが目標

るるぶ東京 舞浜 お台場'14 (国内シリーズ) まっぷる イタリア mini '18 (まっぷるマガジン)

nice!(1)  コメント(0) 
共通テーマ:旅行

nice! 1

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。