땀똔의 프로필 사진

티스토리, EXIF Viewer - Final

    Information/For Tistory

 

 

    

 

메타데이터 출력하기 for 티스토리

 

 

 

 

  1. 티스토리, 구 에디터에서 작성한 포스트도 대응함.
  2. 개인도메인에 연결되어 있으면 확장앱 필수임.

 

  1. 새로운 에디터의, 슬라이드쇼 사진들도 대응함.
      - 슬라이드쇼 블럭 생성시 일반 사진의 EXIF 출력 속도는 지장 없으며,
        슬라이드쇼 블럭의 갯수가 늘어나는 만큼 슬라이드쇼 블록의 사진들
        출력 속도는 늦어질 수 있으므로 3개 이상 생성하지 말 것을 권장함.

 

  1. 스크립트 최적화.

 

  1. 버그 픽스.

 

  1. 렌즈 항목의 글줄임 ON / OFF
  2. EXIF 뷰어의 출력 스타일 설정.
      - 사진 아래쪽에 한 줄로 출력되는 인라인 스타일.
      - 마우스 호버시 사진 내 좌측 하단에 출력되는 팝업 스타일.
      기본값은 사진 아래쪽에 출력.
  3. EXIF data가 없는 사진일 때 표시할 문구 설정. (공백 및 이미지 가능)
  4. 팝업 EXIF 뷰어의 상단 헤드라인 문구 설정.
  5. 팝업 EXIF 뷰어의 컬러셋 설정. (Black or White)
  6. 팝업 EXIF 뷰어 좌측 각 항목의 제목 설정.
  7. 카메라 이름 수정.
  8. 135 판형 외의 기종을 등록시 환산 화각 출력.
  9. 필름 카메라 등록시 ISO 항목에 필름이름 출력.
      단, 사진 속 EXIF의 Artist 항목에 필름명이 기록된 경우만 출력됨.
  10. 출력될 EXIF의 각 항목 ON / OFF
  11. 팝업 EXIF 뷰어 상단 헤드라인 ON / OFF
  12. EXIF data가 없는 사진일 때 팝업 뷰어 ON / OFF
  13. 특정 사진의 EXIF data만 블라인드 처리.
      <div class="noExif"></div> 태그로 감싸줘야 적용됨.
  14. 팝업 뷰어 항목 제목을 텍스트나 아이콘 폰트 중 선택 가능.
  15. 인라인 뷰어 컬러 선택.

 

  1. 플러그인 설치법 및 CSS가 들어있는 파일.
  2. CSS 추가 & 수정 - 2021. 11. 16.
  3. 모바일 관련 CSS 수정 - 2021. 11. 17.
  4. CSS 수정 (캡션 padding 값) - 2021. 11. 19.
  5. CSS 추가 (icon font) - 2021. 11. 22.
  6. 초급 사용자도 수정이 용이하도록 리빌딩 완료 - 2021. 11. 24.
  7. CSS 추가 - 2021. 11. 27.

 

 

 

 

 

 

 

 

Demo & Download

 

 

 

[Demo] EXIF Viewer - Final

eXifViewer_Fin.js

dd-stuff.tistory.com

 

 

exif.js
41.7 kB
eXifViewer_Fin.js
30.1 kB
Tutorial_n_CSS.txt
24.9 kB
exif_icon_font.zip
67.0 kB

 

 

 

 

 

 

CORS Unblock

 

 

 

CORS Unblock

No more CORS error by appending 'Access-Control-Allow-Origin: *' header to local and remote web requests when enabled

chrome.google.com

 

CORS Unblock – 🦊 Firefox용 확장 기능 (ko)

Firefox용 CORS Unblock 부가 기능을 내려받으세요. No more CORS error by appending 'Access-Control-Allow-Origin: *' header to local and remote web requests when enabled

addons.mozilla.org