투케이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' 카테고리의 다른 글

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
102. (html/css/javascript/jquery) table colgroup 태그 사용해 하나 이상의 열 (세로) 그룹 속성 지정 실시  (0) 2022.12.01
101. (html/css/javascript/jquery) em 태그 사용해 강조된 텍스트 표현 실시  (0) 2022.08.22
'FrontEnd' Related Articles more
Comments