気まぐれ製作所

スライドショー

コピペするだけで使用出来るスライドショーのフォーマットがネット上に少ないのと、やたら難しい。

カッコいいスライドや、癖のあるスライドを実装しようとすると、ソースコードを見るだけで眩暈がしますが、元のスライドショーはシンプルなんだよというのを伝えたくて作成。






  1. スライドショー_参考例。
  2. 分割コード(番号順表示)
  3. 分割コード(ランダム表示)
  4. 初心者向けコード(番号順表示)
  5. 初心者向けコード(ランダム表示)
  6. 注意点、及び禁止事項。





スライドショー_参考例。

3枚の画像を5秒ごとに変更しています。






分割コード(番号順表示)

htmlはそのままコピペでOK。JavaScriptは分けて記載しているので、別途jsフォルダなど作成して保存してください。
htmlとJavaScriptをまとめたやつを下方に掲載しておくので、何言ってるのか分からない方は、初心者向けコードをhtmlにコピペしてください。

※cssは各自で適当に決めてください。


html



JavaScript







分割コード(ランダム表示)

htmlはそのままコピペでOK。JavaScriptは分けて記載しているので、別途jsフォルダなど作成して保存してください。
htmlとJavaScriptをまとめたやつを下方に掲載しておくので、何言ってるのか分からない方は、初心者向けコードをhtmlにコピペしてください。

※cssは各自で適当に決めてください。


html



JavaScript







初心者向けコード(番号順表示)



初心者向けコード(ランダム表示)








4.注意点、及び禁止事項






PS:Twitterかお問い合わせフォームから、使い心地を教えていただけると嬉しいです。






スライドショー

スライドショー

更新日:2021/02/17



シェアボタンシェアボタンシェアボタン
作成日:2021/01/17 - 更新日:2021/05/06

人気製品

FX_パターン考察
FX_パターン考察
自作燻製機
自作燻製機
商品リンク変換マクロ
商品リンク変換マクロ
商品リンク変換ツール(JS)
商品リンク変換ツール(JS)
100マス計算作成
100マス計算作成



HOME > other > スライドショー