jQuery/DressUp
をテンプレートにして作成
LECTURE
担当科目一覧
ソーシャルデザイン概論/2024
ソーシャルデザイン演習/2024
情報デザイン論/2024
情報デザイン演習IIA/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*Dress-up
ラジオボタンで画像の着せ替え
~
ラジオボタンの切り替えイベントに対応して「着せ替え人形」...
~
***サンプル
-DEMO:https://koichi-inoue.github.io/JQ_DressUp/
-CODE:https://github.com/koichi-inoue/JQ_DressUp
~
***HTML 付記
-HTMLは、画像を表示するための #stage と、ラジオボタンを並...
-このサンプルでは、すべてのパーツ画像を同一サイズの透明背...
-画像は、imagesフォルダの中に、head01.png, head02.png・・...
-ラジオボタンの value = の部分に、画像ファイル名の head01...
~
***JavaScript 付記
-nameグループごとに、change イベントが発生したら、選択さ...
-src に割り当てる画像のURLは、'images/' + (valueの値) +...
~
~
終了行:
*Dress-up
ラジオボタンで画像の着せ替え
~
ラジオボタンの切り替えイベントに対応して「着せ替え人形」...
~
***サンプル
-DEMO:https://koichi-inoue.github.io/JQ_DressUp/
-CODE:https://github.com/koichi-inoue/JQ_DressUp
~
***HTML 付記
-HTMLは、画像を表示するための #stage と、ラジオボタンを並...
-このサンプルでは、すべてのパーツ画像を同一サイズの透明背...
-画像は、imagesフォルダの中に、head01.png, head02.png・・...
-ラジオボタンの value = の部分に、画像ファイル名の head01...
~
***JavaScript 付記
-nameグループごとに、change イベントが発生したら、選択さ...
-src に割り当てる画像のURLは、'images/' + (valueの値) +...
~
~
ページ名: