열정님의 광장토크 스킨에서 프로필 사진을 클릭하면 원크기로 보기 > 그누4 플러그인

그누4 플러그인

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다.
플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

열정님의 광장토크 스킨에서 프로필 사진을 클릭하면 원크기로 보기 정보

열정님의 광장토크 스킨에서 프로필 사진을 클릭하면 원크기로 보기

본문

프로필 사진이 작게 나와 잘 구분이 안가서리^^

talk skin 폴더의


1. plaza2.skin.php
위쪽 적당한 곳에 아래 소스를 추가

<script language="JavaScript">
var imgObj = new Image();
function showImgWin(imgName) {
  imgObj.src = imgName;
  setTimeout("createImgWin(imgObj)", 100);
}
function createImgWin(imgObj) {
  if (! imgObj.complete) {
    setTimeout("createImgWin(imgObj)", 100);
    return;
  }
  imageWin = window.open("", "imageWin",
    "width=" + imgObj.width + ",height=" + imgObj.height);
  imageWin.document.write("<html><body style='margin:0'>");
  imageWin.document.write("<a href='javascript:window.close()'><img src='" + imgObj.src + "' border=0 alt='그림을 클릭하면 창이 닫힙니다.'></a>");
  imageWin.document.write("</body><html>");
  imageWin.document.title = imgObj.src;
}
</script>

중간에

<td class="plaza_image" valign=top><img src="<?=$plaza[$i]['image']?>" width="36" height="40">/td>

를 아래처럼 수정

<td class="plaza_image" valign=top><a href="javascript:showImgWin('<?=$plaza[$i]['image']?>')"><img src="<?=$plaza[$i]['image']?>" width="36" height="40"></a></td>




2. mytalk.skin.php

위쪽 적당한 곳에 아래 소스를 추가

<script language="JavaScript">
var imgObj = new Image();
function showImgWin(imgName) {
  imgObj.src = imgName;
  setTimeout("createImgWin(imgObj)", 100);
}
function createImgWin(imgObj) {
  if (! imgObj.complete) {
    setTimeout("createImgWin(imgObj)", 100);
    return;
  }
  imageWin = window.open("", "imageWin",
    "width=" + imgObj.width + ",height=" + imgObj.height);
  imageWin.document.write("<html><body style='margin:0'>");
  imageWin.document.write("<a href='javascript:window.close()'><img src='" + imgObj.src + "' border=0 alt='그림을 클릭하면 창이 닫힙니다.'></a>");
  imageWin.document.write("</body><html>");
  imageWin.document.title = imgObj.src;
}
</script>

바로 그 밑에

        <div id="gnutalk_my_image"> 
        <img src="<?=$current['profile_image_path']?>?<?=time()?>" width="100" height="120">
        </div>


를 아래와 같이 수정

        <div id="gnutalk_my_image">
        <a href="javascript:showImgWin('<?=$current['profile_image_path']?>')">
        <img src="<?=$current['profile_image_path']?>?<?=time()?>" width="100" height="120"></a>
        </div>
추천
0
  • 복사

댓글 전체

© SIRSOFT
현재 페이지 제일 처음으로