わいえむねっと

2011/09
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30

2011/09/03 Sat

写真の拡大表示が素気なさ過ぎるので、ThickBox を組み込んでみる。

ThickBox 3.1
http://jquery.com/demo/thickbox/

若干 ThickBox 側にも手を入れたのでメモ。

params のスコープがなんだかおかしいのを修正
rel属性によるイメージグループ取得のコードが "オブジェクトでサポートされていないプロパティまたはメソッドです。" 例外で吹っ飛んでいるのを修正

修正版は IE8、Firefox 3.6.20、Chrome 13 で動作確認

グループ表示の場合は画像クリックの動作を Close ではなく Next に変更

@@ -125,7 +128,8 @@
 			
 			TB_WIDTH = imageWidth + 30;
 			TB_HEIGHT = imageHeight + 60;
-			$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>"); 		
+			var imageAnchor = TB_NextHTML === "" ? "<a href='' id='TB_ImageOff' title='Close'>" : "<a href='' id='TB_imageNext' title='Next'>";
+			$("#TB_window").append(imageAnchor+"<img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>"); 		
 			
 			$("#TB_closeWindowButton").click(tb_remove);
 			
@@ -148,6 +152,7 @@
 					return false;	
 				}
 				$("#TB_next").click(goNext);
+				$("#TB_imageNext").click(goNext);

わいえむねっと

テスト