Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/script-loader.php on line 757

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/script-loader.php on line 757

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/script-loader.php on line 758

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/script-loader.php on line 758

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/load.php on line 926

Notice: Trying to access array offset on value of type bool in /home/users/2/ymd3004/web/3004.jp/wp-includes/theme.php on line 2360

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798
画像をクリックすると音を再生する仕掛け(あまり役に立ちそうにないけどw) | Yamada3004(やまだみちよ)Yamada3004(やまだみちよ)
Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

画像をクリックすると音を再生する仕掛け(あまり役に立ちそうにないけどw)


Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

人が作ったページにコンテンツ追加するのは、イライラする!
コードも汚いし、SEOもなっちゃいない。
ロールオーバーも今時、JavaScriptで組むとかって・・・やまだイライラする(いとうあさこ風に)

表題の通り、あまり役に立ちそうにない仕掛けですw
担当から、新製品ページにこんな仕掛けがほしいと頼まれました。

  • 画像のキーを押すと音がなる
  • 押したと同時に右側の画像を入れ替える

最初に担当した人には作れないということなのでその人の代わりに考えました…
サウンドを鳴らすソースは下記のを使わせて頂き、そこに画像を入れ替えるJavaScriptをプラスすればできるんじゃないか!と。できたぁヽ(´▽`)ノ(ソース汚くてごめんなさい・・・)
デモ
000

そしてサウンドを再生させるソースはこちら
HTML5 Audio を JavaScript で使う方法

素材は適当なのでアレ

そもそもこの仕掛がユーザビリティもへったくれもないので、とりあえず私用の覚書ということでw
あーイライラする。

この記事をシェアする

関連記事

CATEGORY

SEARCH

PROFILE

歌って踊れる、人見知りなWeb屋。
服とお酒と音楽がスキである(`・ω・´)
PROFILEを見る →

TAGS


Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798