2013年 12月 の投稿一覧

久しぶりにIEを使って自分のサイトを見てみると、画像ポップアップ動作してないじゃないですかぁぁ。。
今までIronとFireFoxしか使ってなかったので全然気づかなかったです。。
とりあえずこのままだとIEユーザーに申し訳ないのでそれの改善方法を誰か教授していただきたいと思ってこの記事を…
今の病状画像とソース貼ってみます。
Chrome,Iron,FF,他
○ブラウザのフレームから見て左上から少し空いた感じで表示される

IE
×ページからみて左上から少し空いた感じで表示される

ソース

<script language="JavaScript">
<!--
function popupImage(filepath, width, height){
var y = window.pageYOffset + 32;
var x = window.pageXOffset + 32;
if (!popupImage.imgNode) {
if (document.all) {
y = document.body.scrollTop + 32;
x = document.body.scrollLeft + 32;
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.attachEvent('onclick', closeImage);
} else if (document.implementation) {
y = window.pageYOffset + 32;
x = window.pageXOffset + 32;
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.addEventListener('click' ,closeImage , true);
} else {
return;
}
}
with(popupImage){
imgNode.setAttribute('src', filepath );
if (width && height) {
imgNode.setAttribute('width', width );
imgNode.setAttribute('height', height );
}
imgNode.style.position = 'absolute';
imgNode.style.left = '32px';
imgNode.style.top = y + 'px';
imgNode.style.borderColor = '#0099FF';
imgNode.style.borderWidth = '2px';
imgNode.style.borderStyle = 'solid';
imgNode.style.margin = '0';
document.body.appendChild(imgNode);
}
function closeImage(){
if (popupImage.imgNode) {
document.body.removeChild(popupImage.imgNode);
delete popupImage.imgNode;
}
}
}
// -->
</script>

ご教授ください、お願いします。