JavaScript/ImageSwitcher
のバックアップ(No.3)
LECTURE
担当科目一覧
ソーシャルデザイン概論/2022
ソーシャルデザイン演習/2022
情報デザイン論/2022
情報デザイン演習IIA/2022
3DCG演習/2022
情報デザイン研究I/2022
卒業研究I,II
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
バックアップ一覧
差分
を表示
現在との差分
を表示
ソース
を表示
JavaScript/ImageSwitcher
へ行く。
1 (2021-06-07 (月) 17:21:09)
2 (2021-06-07 (月) 17:21:09)
3 (2021-06-07 (月) 17:21:09)
4 (2021-06-07 (月) 17:21:09)
ImageSwicher
クリックで画像を切り替えるサンプル
DEMO:
https://koichi-inoue.github.io/JS_ImageSwitcher/
CODE:
https://github.com/koichi-inoue/JS_ImageSwitcher
↑
サンプルのディレクトリ構成
index.html
style.css
script.js
ネイティブ JavaScript です。ライブラリ等は不要です。
images
PIC_01.jpg
PIC_02.jpg
:
PIC_05.jpg
↑
HTML
↑
CSS
↑
JavaScript
(解説文準備中)