var g_image_link_event;
var gImageLinkWidth = 270;
var gImageLinkHeight = 250;
function bindClick4ImageLink(id, width, height) {
return false;
// 画像の事前読込(これをやらないとサイズの取得がうまくいかない)
preloadImage(new Array($("#" + id).attr("href")));
// クリックイベントを割り当てる
$("#" + id).click(function(ev){
var link = $(this).attr("href");
return openImageLink(ev, link, width, height);
});
}
function openImageLink(ev, link, width, height) {
// イベントの設定
g_image_link_event = ev;
// 画像をロードしてサイズを取得
var sizeList = getImageSizeList(link);
if (width) {
gImageLinkWidth = width;
}
else {
if (sizeList != null) {
gImageLinkWidth = sizeList[0];
}
}
if (height) {
gImageLinkHeight = height;
}
else {
if (sizeList != null) {
gImageLinkHeight = sizeList[1];
}
}
// 一度呼び出されている場合
if ( !$("#image-link-area").length ) {
$("body").append('');
//var html = $.ajax({
// url: "/palette.html",
// async: false,
// cache:false
// }).responseText;
//var html = '
';
//var html = '';
var html = '';
$("#image-link-area").append(html);
$("#image-link-area").bgiframe();
// スタイルの設定
// オーバー例
var style = {
// backgroundColor: "#000000",
position:"absolute",
"z-index": 101,
left: 0,
top: 0,
filter:"alpha(opacity=50)"
}
$("#image-link-overlay").css(style);
$("#image-link-overlay").click(function(event){closeImageLink();});
var overlayDm = getOverlaySize();
$("#image-link-overlay").css({"height": overlayDm[0], "width": overlayDm[1]});
// image_link
var style = {
// backgroundColor: "#ffffff",
position:"absolute",
"z-index": 102,
width:gImageLinkWidth,
height:gImageLinkHeight
};
$("#image-link-area").css(style);
}
$("#image-link-area").show();
$("#image-link-overlay").slideDown();
setImageLinkPosition();
$(window).scroll(setImageLinkPosition);
$(window).resize(setImageLinkPosition);
return false;
}
/**
* イメージを閉じる
*/
function closeImageLink() {
//$("#image-link-area").slideUp("normal", function(){$("#hid_palette_overlay").hide();});
//$("#image-link-overlay").hide();
$("#image-link-area").remove();
$("#image-link-overlay").remove();
return false;
}
/**
* イメージのポジションを取得する
*
*/
function setImageLinkPosition() {
var wWidth = gImageLinkWidth;
var wHeight = gImageLinkHeight;
var pagesize = getPageSize();
var arrayPageScroll = getPageScrollTop();
var style = {width: wWidth, left: (arrayPageScroll[0] + (pagesize[0] - wWidth)/2), top: (arrayPageScroll[1] + (pagesize[1]-wHeight)/2)};
//var rect = getClietnRect(g_image_link_event);
//var style = {width: wWidth, height: wHeight, left: rect[0], top: rect[1]};
$("#image-link-area").css(style);
}