わいえむねっと

Contents
Categories
Calendar
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
Monthly Archives
~2000/01
Recent Entries
RSS1.0
Templates
Information
Processed: 0.041 sec
Chashed: -
2011/09/03 Sat
写真の拡大表示が素気なさ過ぎるので、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);


テスト