투케이2K

106. (html/css/javascript/jquery) 이미지 태그에 이미지 파일 (jpg, png) 로드 시 확장명 뒤에 QueryString 쿼리 스트링 추가 방법 본문

FrontEnd

106. (html/css/javascript/jquery) 이미지 태그에 이미지 파일 (jpg, png) 로드 시 확장명 뒤에 QueryString 쿼리 스트링 추가 방법

투케이2K 2023. 10. 25. 10:57

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

​

 

[소스 코드]

​

    <!-- [이미지 컨테이너] -->
    <div id="fileImageContainer" class="divTagContentWidthLargeClass" style="background-color: none; top: 12%;">

        <img id="fileImage" style="width: 100%; height: 100%; margin: 0 auto; padding: 0; position: relative; top: 0%; left: 0%;" 
        src = "files/macImageBg.png?1" />

    </div>
 

[결과 출력]

​

반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

108. (Web/FrontEnd) HTML meta tag 메타 태그 mobile-web-app-capable 사용해 웹앱 URL 주소창 제거 및 전체 화면 설정  (0) 2024.09.19
107. (Web/FrontEnd) HTML meta tag 메타 태그 viewport 뷰포트 사용해 모바일 웹 zoom 줌 확대 , 축소 , 사이즈 고정  (0) 2024.06.26
105. (html/css/javascript/jquery) mask-image 사용해 img 이미지 태그에 마스킹 표시 설정 수행  (0) 2023.08.13
104. (html/css/javascript/jquery) img 이미지 태그 onerror 사용해 에러 발생 대체 이미지 표시 설정  (0) 2023.08.13
103. (html/css/javascript/jquery) object-fit 사용해 css img 이미지 태그 사이즈 조절 수행  (0) 2023.08.13
'FrontEnd' Related Articles more
Comments