人が作ったページにコンテンツ追加するのは、イライラする!
コードも汚いし、SEOもなっちゃいない。
ロールオーバーも今時、JavaScriptで組むとかって・・・やまだイライラする(いとうあさこ風に)
表題の通り、あまり役に立ちそうにない仕掛けですw
担当から、新製品ページにこんな仕掛けがほしいと頼まれました。
- 画像のキーを押すと音がなる
- 押したと同時に右側の画像を入れ替える
最初に担当した人には作れないということなのでその人の代わりに考えました…
サウンドを鳴らすソースは下記のを使わせて頂き、そこに画像を入れ替えるJavaScriptをプラスすればできるんじゃないか!と。できたぁヽ(´▽`)ノ(ソース汚くてごめんなさい・・・)
デモ
そしてサウンドを再生させるソースはこちら
HTML5 Audio を JavaScript で使う方法
素材は適当なのでアレ
そもそもこの仕掛がユーザビリティもへったくれもないので、とりあえず私用の覚書ということでw
あーイライラする。