메인화면, 문자발송, 선거문자, 맞춤제작 그림문자 샘플 이미지 Alt 값 처리

- Alt 값이 없는 경우 디폴트 텍스트 표시되도록 기능 추가
This commit is contained in:
rosewiper 2024-01-04 10:13:39 +09:00
parent cb5b5ece1b
commit 85b1b0ca13
4 changed files with 24 additions and 5 deletions

View File

@ -16,14 +16,20 @@ $(document).ready(function (){
<c:forEach var="customList" items="${resultCustomList}" varStatus="status"> <c:forEach var="customList" items="${resultCustomList}" varStatus="status">
<li id="${customList.letterId}"> <li id="${customList.letterId}">
<c:set var="strImgPath" value="${customList.fileStreCours}/${customList.streFileNm}.${customList.fileExtsn}"/> <c:set var="strImgPath" value="${customList.fileStreCours}/${customList.streFileNm}.${customList.fileExtsn}"/>
<%-- 이미지 alt 값 셋팅 --%>
<c:set var="imgAlt" value="${customList.letterAlt}"/>
<c:if test="${empty imgAlt}">
<c:set var="imgAlt" value="맞춤제작 샘플 이미지"/>
</c:if>
<div class="hover_cont"> <div class="hover_cont">
<a ref='#' onclick='selectSampleImg("${customList.attachFileId}","${customList.fileSn}","${customList.letterId}");'> <a ref='#' onclick='selectSampleImg("${customList.attachFileId}","${customList.fileSn}","${customList.letterId}");'>
<img src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${customList.attachFileId}"/>&fileSn=<c:out value="${customList.fileSn}"/>" alt="<c:out value='${customList.letterAlt}'/>"> <img src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${customList.attachFileId}"/>&fileSn=<c:out value="${customList.fileSn}"/>" alt="<c:out value='${imgAlt}'/>">
</a> </a>
</div> </div>
<div class="photo_cont"> <div class="photo_cont">
<a ref='#' onclick='selectSampleImg("${customList.attachFileId}","${customList.fileSn}","${customList.letterId}");'> <a ref='#' onclick='selectSampleImg("${customList.attachFileId}","${customList.fileSn}","${customList.letterId}");'>
<img src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${customList.attachFileId}"/>&fileSn=<c:out value="${customList.fileSn}"/>" alt="<c:out value='${customList.letterAlt}'/>"> <img src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${customList.attachFileId}"/>&fileSn=<c:out value="${customList.fileSn}"/>" alt="<c:out value='${imgAlt}'/>">
</a> </a>
</div> </div>
</li> </li>

View File

@ -21,8 +21,13 @@
--%> --%>
</div> </div>
<div class="photo_cont"> <div class="photo_cont">
<%-- 이미지 alt 값 셋팅 --%>
<c:set var="imgAlt" value="${photoList.letterAlt}"/>
<c:if test="${empty imgAlt}">
<c:set var="imgAlt" value="선거문자 샘플 이미지"/>
</c:if>
<%-- <img class="photoOnImg" src="<c:url value='${strImgPath}'/>" alt=""> --%> <%-- <img class="photoOnImg" src="<c:url value='${strImgPath}'/>" alt=""> --%>
<img class="photoOnImg" id="${photoList.letterId}" src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${photoList.attachFileId}"/>&fileSn=<c:out value="${photoList.fileSn}"/>" alt="<c:out value='${photoList.letterAlt}'/>"> <img class="photoOnImg" id="${photoList.letterId}" src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${photoList.attachFileId}"/>&fileSn=<c:out value="${photoList.fileSn}"/>" alt="<c:out value='${imgAlt}'/>">
<input type="hidden" id="photoOnImg_${status.index + 1}" name="photoOnImg_${status.index + 1}" value="${photoList.attachFileId}"/> <input type="hidden" id="photoOnImg_${status.index + 1}" name="photoOnImg_${status.index + 1}" value="${photoList.attachFileId}"/>
</div> </div>
</li> </li>

View File

@ -66,7 +66,11 @@ $(document).ready(function(){
<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt="" /></div> <div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt="" /></div>
<div class="area_img"> <div class="area_img">
<%-- <img src="${strImgPath}" alt="" onerror="this.src='/publish/images/main/template02.jpg';"> --%> <%-- <img src="${strImgPath}" alt="" onerror="this.src='/publish/images/main/template02.jpg';"> --%>
<img class="lazy" data-src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${photoList.attachFileId}"/>&fileSn=<c:out value="${photoList.fileSn}"/>" alt="<c:out value='${photoList.letterAlt}'/>" onerror="this.src='/publish/images/main/template02.jpg';"> <c:set var="imgAlt" value="${photoList.letterAlt}"/>
<c:if test="${empty imgAlt}">
<c:set var="imgAlt" value="그림문자 샘플 이미지"/>
</c:if>
<img class="lazy" data-src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${photoList.attachFileId}"/>&fileSn=<c:out value="${photoList.fileSn}"/>" alt="<c:out value='${imgAlt}'/>" onerror="this.src='/publish/images/main/template02.jpg';">
</div> </div>
<div class="area_img_text"> <div class="area_img_text">
<c:out value="${photoList.letterSj}"/> <c:out value="${photoList.letterSj}"/>

View File

@ -21,8 +21,12 @@
--%> --%>
</div> </div>
<div class="photo_cont"> <div class="photo_cont">
<c:set var="imgAlt" value="${photoList.letterAlt}"/>
<c:if test="${empty imgAlt}">
<c:set var="imgAlt" value="그림문자 샘플 이미지"/>
</c:if>
<%-- <img class="photoOnImg" src="<c:url value='${strImgPath}'/>" alt=""> --%> <%-- <img class="photoOnImg" src="<c:url value='${strImgPath}'/>" alt=""> --%>
<img class="photoOnImg" id="${photoList.letterId}" src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${photoList.attachFileId}"/>&fileSn=<c:out value="${photoList.fileSn}"/>" alt="<c:out value='${photoList.letterAlt}'/>"> <img class="photoOnImg" id="${photoList.letterId}" src="<c:url value='/cmm/fms/getImage2.do'/>?atchFileId=<c:out value="${photoList.attachFileId}"/>&fileSn=<c:out value="${photoList.fileSn}"/>" alt="<c:out value='${imgAlt}'/>">
<input type="hidden" id="photoOnImg_${status.index + 1}" name="photoOnImg_${status.index + 1}" value="${photoList.attachFileId}"/> <input type="hidden" id="photoOnImg_${status.index + 1}" name="photoOnImg_${status.index + 1}" value="${photoList.attachFileId}"/>
</div> </div>
</li> </li>