下記2点の実装方法があれば教えてください。
1.src属性をcssで設定
→cssの切り替えで、画像の表示を制御したい
2.onclick属性をcssで設定
→cssの切り替えで、クリック時の挙動の違いを制御したい
#実装イメージ
*css
img#image{
src:url(img/hello.png);
onclick:"alert('hello');";
}
img.#image.bye_mode{
src:url(img/bye.png);
onclick:"alert('bye');";
}
*js(jquery)
$("#image").toggleClass("bye_mode");
CSSではできない。
(昔のIEならexpressionでスクリプト実行できた)
Sass,LESS,Closure StylesheetsのようなCSSを拡張したメタ言語を自分で作るしかないと思います。
(JSでやったほうが早い)
回答ありがとうございます。
2011/11/27 10:30:32あきらめてjsでがんばります
2011/11/27 11:06:11