function createElem(e){ var obj = document.createElement(e); obj.style.position = 'absolute'; obj.style.zIndex = '1'; obj.style.cursor = 'pointer'; obj.onmouseout = function(){ this.style.background = 'none';} return obj; } function viewPhoto(){ var pager = createElem('div'); var pre = createElem('div'); var next = createElem('div'); var cont = $('photo_pic'); var tar = $('pic'); var space = 0; var w = tar.width/2; if(!!window.ActiveXObject && !window.XMLHttpRequest){ space = -(cont.offsetWidth - tar.width)/2; } var objpos = fetchOffset(tar); pager.style.position = 'absolute'; pager.style.top = '0'; pager.style.left = objpos['left'] + 'px'; pager.style.top = objpos['top'] + 'px'; pager.style.width = tar.width + 'px'; pager.style.height = tar.height + 'px'; pre.style.left = 0; next.style.right = 0; pre.style.width = next.style.width = w + 'px'; pre.style.height = next.style.height = tar.height + 'px'; pre.innerHTML = next.innerHTML = ''; pre.onmouseover = function(){ this.style.background = 'url(comiis_mfcs/pic-prev.png) no-repeat 0 100px'; } pre.onclick = function(){ window.location = 'home.php?mod=space&uid=20424&do=album&picid=44140&goto=up#pic_block'; } next.onmouseover = function(){ this.style.background = 'url(comiis_mfcs/pic-next.png) no-repeat 100% 100px'; } next.onclick = function(){ window.location = 'home.php?mod=space&uid=20424&do=album&picid=44138&goto=down#pic_block'; } //cont.style.position = 'relative'; cont.appendChild(pager); pager.appendChild(pre); pager.appendChild(next); } $('pic').onload = function(){ viewPhoto(); } function createElem(e){ var obj = document.createElement(e); obj.style.position = 'absolute'; obj.style.zIndex = '1'; obj.style.cursor = 'pointer'; obj.onmouseout = function(){ this.style.background = 'none';} return obj; } function viewPhoto(){ var pager = createElem('div'); var pre = createElem('div'); var next = createElem('div'); var cont = $('photo_pic'); var tar = $('pic'); var space = 0; var w = tar.width/2; if(!!window.ActiveXObject && !window.XMLHttpRequest){ space = -(cont.offsetWidth - tar.width)/2; } var objpos = fetchOffset(tar); pager.style.position = 'absolute'; pager.style.top = '0'; pager.style.left = objpos['left'] + 'px'; pager.style.top = objpos['top'] + 'px'; pager.style.width = tar.width + 'px'; pager.style.height = tar.height + 'px'; pre.style.left = 0; next.style.right = 0; pre.style.width = next.style.width = w + 'px'; pre.style.height = next.style.height = tar.height + 'px'; pre.innerHTML = next.innerHTML = ''; pre.onmouseover = function(){ this.style.background = 'url(comiis_mfcs/pic-prev.png) no-repeat 0 100px'; } pre.onclick = function(){ window.location = 'home.php?mod=space&uid=20424&do=album&picid=44140&goto=up#pic_block'; } next.onmouseover = function(){ this.style.background = 'url(comiis_mfcs/pic-next.png) no-repeat 100% 100px'; } next.onclick = function(){ window.location = 'home.php?mod=space&uid=20424&do=album&picid=44138&goto=down#pic_block'; } //cont.style.position = 'relative'; cont.appendChild(pager); pager.appendChild(pre); pager.appendChild(next); } $('pic').onload = function(){ viewPhoto(); }