안녕하세요. 온오프믹스입니다.
지난 7월 2일 리트머스2와 KTH의 제휴 및 리트머스2의 신규로 참여하게 된 서비스를 소개하기 위한 간담회에 참석했습니다.
온오프믹스에서는 부사장인 Q가 발표를 했었는데요-
그동안 준비해온 '티스토리 Widget'과 '비스타용 Gadget', 그리고 오랜시간 동안 준비해온 '결제시스템'까지의 온오프믹스의 변화에 대한 설명과 앞으로의 포부에 대해서 이야기 하는 시간을 갖게 되었습니다.
var servicePath=""; var blogURL="/";function TTGallery(containerId) {
this.containerId = containerId;
this.container = document.getElementById(this.containerId);
this.container.style.filter = "progid:DXImageTransform.Microsoft.Fade(duration=0.3, overlap=1.0)";
this.container.style.textAlign = "center";
this.container.style.width = "100%";
this.container.instance = this;
this.numImages = 0;
this.imageLoaded = 0;
this.offset = 0;
this.src = new Array();
this.caption = new Array();
this.width = new Array();
this.height = new Array();
this.imageCache = new Array();
this.container = null;
};
TTGallery.prototype.appendImage = function(src, caption, width, height) {
this.numImages ;
var imageCache = new Image();
imageCache.src = src;
this.imageCache[this.imageCache.length] = src;
this.src[this.src.length] = src;
this.width[this.width.length] = width;
this.height[this.height.length] = height;
this.caption[this.caption.length] = caption;
};
TTGallery.prototype.getControl = function() {
var control = document.createElement("div");
control.style.marginBottom = "10px";
control.className = "galleryControl";
control.style.font = "bold 0.9em Verdana, Sans-serif";
control.innerHTML = '(' (this.offset 1) '/' this.numImages ')

';
return control;
};
TTGallery.prototype.getImage = function() {
var image = document.createElement("img");
image.instance = this;
image.src = this.src[this.offset];
image.width = this.width[this.offset];
image.height = this.height[this.offset];
image.onclick = this.showImagePopup2;
image.style.cursor = "pointer";
return image;
};
TTGallery.prototype.getCaption = function() {
var captionText = this.caption[this.offset];
captionText = captionText.replace(new RegExp("&?", "gi"), "&");
captionText = captionText.replace(new RegExp("<?", "gi"), "");
captionText = captionText.replace(new RegExp(""?", "gi"), "\"");
captionText = captionText.replace(new RegExp("'?", "gi"), "'");
var caption = document.createElement("div");
caption.style.textAlign = "center";
caption.style.marginTop = "8px";
caption.className = "galleryCaption";
caption.appendChild(document.createTextNode(captionText));
return caption;
};
TTGallery.prototype.show = function(offset) {
this.container = document.getElementById(this.containerId);
if(this.numImages == 0) {
var div = document.createElement("div");
div.style.textAlign = "center";
div.style.color = "#888";
div.style.margin = "10px auto";
div.style.font = "bold 2em/1 Verdana, Sans-serif";
div.innerHTML = '

';
this.container.appendChild(div);
this.container = null;
return;
}
if(typeof offset == "undefined") {
this.offset = 0;
} else {
if(offset < 0) {
this.offset = this.numImages -1;
} else if(offset >= this.numImages) {
this.offset = 0;
} else {
this.offset = offset;
}
}
if(this.container.filters) {
this.container.filters[0].Apply();
}
this.container.innerHTML = "";
this.container.appendChild(this.getControl());
this.container.appendChild(this.getImage());
this.container.appendChild(this.getCaption());
if(this.container.filters) {
this.container.filters[0].Play();
}
this.container = null;
};
TTGallery.prototype.prev = function() {
this.show(this.offset-1);
};
TTGallery.prototype.next = function() {
this.show(this.offset 1);
};
TTGallery.prototype.showImagePopup1 = function() {
this.showImagePopup();
};
TTGallery.prototype.showImagePopup2 = function() {
this.instance.showImagePopup();
};
TTGallery.prototype.showImagePopup = function(offset) {
try {
open_img(this.src[this.offset]);
} catch(e) {
window.open(this.src[this.offset]);
}
};
//
늠름한 부사장 Q
TISTORY Widget과 VISTA Gadget
전자결제시스템 도입
모임의 새로운 문화를 만들어가는 온오프믹스-
그 동안의 온오프믹스가 정적인 서비스였다면, 앞으로의 온오프믹스는 조금 더 다이나믹하고 재미있는 서비스로 변해갈 것 입니다. 그리고 부족했던 시절부터 애정을 갖고 사용해오신 여러 사용자분들의 기대에 부응할 수 있는 만큼의 역량을 가질 수 있도록 모두가 노력해 보답할 것 입니다.
곧 변화될 온오프믹스를 기대해 주세요 :)
감사합니다.