画像操作用js
サイトリニューアルに向けて、スクリプトをちまちま組んでます。
これはコントロール用オブジェクトのクリックで画像の表示切替を行うjQuery利用のスクリプト。
imgboxの方は空にしておいて、ctrlbox要素内のhrefを参照してリストをビルドする方がスマートかと思うので、そのように改良予定。
$(function (){
$(".ctrlbox li a").removeAttr("href");
function change(){
var n = $(this).attr("class");
$(".imgbox li[class!="+n+"]").fadeOut
(300,
function(){
$(".imgbox li."+n).fadeIn(300);
}
);
}
$(".ctrlbox li").click(change);
});