“Thickboxの画像リサイズ機能をオフにするカスタマイズ。”という、夢実現のためのアファメーション。

ページがない！

残念ながらすで該当ページ（サイト）が無くなっていて、詳細が見れなかった。（泣）

んで、ウェイバックで過去のページが残っていないか調べたら、かろうじてhtmlは残っていました。

んで、解説を読んでみるとThickboxのリサイズ機能部分のコードをコメントアウトすれば良いとのこと。

んで、ソースを見てみると、確かに

// Resizing large images - orginal by Christian Montoya edited by me.
～
//End Resizing

という記述が。

そのなかの

if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
}
} else if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
}
}

が、リサイズを実行している該当部分なので、上記をコメントアウトすればリサイズ機能をOFFにすることができます。

ちょっとだけカスタマイズ

でも、なんかリサイズのON/OFFをするためにコメントアウトする・しないってのは、なんかスマートじゃないので、もうちょっと簡単にリサイズのON/OFFをできるようにカスタマイズしてみましょうと。

といっても、コードをちょっと追加するだけだけどね。

まずThickboxのJSの最初で変数を定義。

var resizable = false;

んで、さきほどのリサイズの該当コードをif文でくるむ。

if(resizable != false) {//追加

if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
}
} else if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
}
}

}//追加

↑それだけです。ｗ

つまり、resizableの値がtrue（false以外）であれば、リサイズを実行して、falseの場合はリサイズしない...という仕組みです。

JSの最初でtrueかfalseを設定すればいいだけなので、ちょっとは簡単になったんじゃないかなと。

アファメーションの宝庫！→あの独立・起業ネタの情報ランキング！