웹모아[손님]

검색  로그인

웹모아



이미지관련

페이지: 1 / 4

 

  웹페이지 이미지 크기 자동 수정
< script>function imgResize()  {      maxsize = 600; // 가로사이즈      var img = document.getElementsByTagName('img');    &n조회(3142)          

---



  이미지가 깨졌을때 메일로 알려주는 스크립트
이것저것 작업하다보면 웹페이지에 이미지가 깨질수도 있는데 일일이 찾아보기도 그렇고 해서 만들어봤습니다. 페이지 하단에 for(i = 0; i < document.images.length; i++) document.images[i].onerror = ERImg; function ERImg() { var el = event.srcEleme조회(1058)          

---



  이미지 에러를 채크하여 다시 리로드 시켜주는 함수
// 이미지 에러를 채크하여 다시 리로드 시켜주는 함수 function imgreload(imgobj) { re = 4; // 이미지 에러이벤트가 발생했을때 이미지를 호출하는 카운터 imgobj.recount++; if(imgobj.recount >= re) { 댓글(3)     조회(1124)          

---



  자바스크립트 이미지 사이즈 알아내기
width = document.images["img_main"].width height = document.images["img_main"].height // set default height, width if ( width < 300 ) width = 300 if ( h조회(1434)          

---



  이미지 가로, 세로 사이즈에 맞는 팝업창 띄우기
BLUEB 이미지 보기 1 이미지 보기 2 이미지 보기 3 조회(1366)          

---



  서서히 이미지 바꾸기 BlendTrans
조회(2099)          

---



    [RE] 서서히 이미지 바꾸기 BlendTrans
인터넷 익스플로러 5.5 이상부터는 CSS상에 필터 코드를 삽입하여 이미지에 멋진 특수 효과를 적용할 수가 있다. 블렌드 트랜스 필터는 해당 필터를 적용하려는 객체의 페이드-인(fade-in), 페이드-아웃(fade-out)을 조절하는 필터이다. e비즈니스 및 IT 전문가를 위한 지식 미디어, 코리아인터넷조회(1209)          

---



  새창에 이미지 보이기
사진를 클릭하면 창을 닫습니다. function setWinSize(){ if(img.height>700) window.resizeTo(img.width+30, 700); else window.resizeTo(img.width+30, img.height+50); } (홈마스타)     조회(1095)          

---



  HTML태그에서 글씨와 그림의 정렬에 대해서
▶ <IMG> : 이미지를 넣기 위한 태그입니다.  <IMG>의 속성 SRC 이미지 파일이 위치한 곳에 관한 URL 정보가 들어간다 ALIGN 이미지와 텍스트를 같이 사용 했을 때 텍스트의 위치를 정렬시킨다.ALIGN 속성에는 TOP, CENTER, BOTTOM, LEFT, RIGH(홈마스타)     댓글(2)     조회(1233)          

---



  hspace vspace
그림파일을 문서에 넣습니다. (막는 태그없이 단독으로 쓰여집니다.) 속성값으로는 ALIGN=위치지정 WIDTH=가로크기지정 HEIGHT=세로크기지정 BORDER=그림의 외곽선 굵기를 지정합니다. VSPACE=그림의 위아래 여백을 지정합니다. HSPACE=그림의 좌우 여백을 지정합니다.(닉ㄱㄱㄱ)     조회(1059)          

---



  모든 이미지 자동으로 지정크기 이내로 띄우기
function sizeConv(){ var max = 200; // 지정할 가로크기 var resize = 110; // 리사이즈할 가로크기 var oIMG = document.getElementsByTagName('IMG'); for(i=0;i max) { oIMG[i].style.width = resize; } } (홈마스타)     조회(1149)          

---



  이미지 크기에 맞게 새창으로 띄우기
New Image Window var imgObj = new Image(); function showImgWin(imgName) { imgObj.src = imgName; setTimeout("createImgWin(imgObj)", 100); } function createImgWin(imgObj) { if(홈마스타)     조회(1188)          

---



  이미지 사이즈맞게 새창이 자동으로 조절되는 소스
document.write(''); document.write('td {font-size:12px; font-family:굴림; text-decoration:none; }'); document.write('A:link,A:active,A:visited{text-decoration:none;font-size:12PX;color:#333333;}')(홈마스타)     조회(1205)          

---



    [RE] 수정 - 이미지 사이즈맞게 새창이 자동으로
document.write(''); document.write('td {font-size:12px; font-family:굴림; text-decoration:none; }'); document.write('A:link,A:active,A:visited{text-decoration:none;font-size:12PX;color:#333333;}')(홈마스타)     조회(1191)          

---



      [RE] 수정 - 이미지 사이즈맞게 새창이 자동으
function objwin_view(img){ img_conf1= new Image(); img_conf1.src=(img); objview_conf(img); } function objview_conf(img){ if((img_conf1.width!=0)&&(img_conf1.height!=0)){ objvi(홈마스타)     조회(1046)          

---