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

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

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

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

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

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

素材は適当なのでアレ

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

この記事をシェアする