사진 첨부 수정삭제에서 액박현상
본문
혹시 사진 삭제시 액박뜨는 문제 생기는데 요건 어느부분에서 수정해야 될런지요?
롤오버하면 액박이 잠시 사라짐.
사진 첨부합니다.
<script src="https://cdnjs.cloudflare.com/ajax/libs/fslightbox/3.4.1/index.min.js"></script>
<script>
// <img> 태그에 <a> 태그를 래핑함
function wrap(img) {
const el = document.createElement('a');
el.setAttribute('data-fslightbox', 'gallery');
el.href = img.src;
// 첫번째 인수로 전달받은 노드를, 두번째 인수로 전달한 노드의 바로 앞에 삽입
img.parentElement.insertBefore(el, img);
el.appendChild(img);
}
document.querySelectorAll('.container img').forEach((el, idx) => {
wrap(el);
});
refreshFsLightbox(); // fslight 재설정
</script>
답변 2
업로드가 잘 되지 않은듯 싶습니다 해당 게시물 수정으로 들어가 액박이 나는 마지막 두개를 삭제후 다시 올려 보세요
한가지 첨언 한다면
http://peachyfilm.com/bbs/content.php?co_id=superkids
https://starsongs.cafe24.com/bbs/content.php?co_id=superkids
http://peachyfilm.com 이 실사용하는 주소인거 같은데 이를 이용해서 접근하고 보셔야할 거 같습니다
사진 첨부 주소를 보니 카페24 계정용 주소라..
https://starsongs.cafe24.com 의 cafe24계정으로 접근시에는 이미지 주소가 맞지 않아 이미지들이 깨져서 나옵니다
양쪽에서 사용하길 원한다면 절대주소보다는 상대주소를 써서 아래의 형식보다는
http://홈페이지 주소/그누보드 주소/이미지주소
아래에 있는
./그누보드주소/이미지주소
위와 같은 형식으로 접근하는게 용이합니다
+
답변주셔서 감사합니다. 나중에 다시해보겠습니다.
http://peachyfilm.com 이라는 주소로 접근되어 이미지가 없는걸로 보이는것이니
이미지 주소를 확인하셔서 해당 주소에 맞게 적용되어야 정상적으로 이미지가 보여지는 부분입니다.
답변주셔서 감사합니다. 다시 해보겠습니다.
