firebase 이미지 관련 질문있습니다.

[애플사마]

 이미지 정보나 사진, 잘 뜨는데요

저는 저 사진이 안짤렸으면 좋겠습니다.

확대 되었으면 좋겠구요!

아니면 원본사진이 새창으로 띄워져도 상관없는데 방법이 없을까요 ?

구글링해봤을 때 , onclick으로 새창까지는 띄우지만 ,그 이후 데이터를 어떻게 불러와야할지 모르겠어서요 .. 

[codingapple]

img태그면 width 조정하고 
배경이면 background-size 같은거 조정합시다

[애플사마]

<div class="detail-pic my-4" style="background-image: url('https://placeimg.com/640/380/tech');"></div>

.detail-pic {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
}

사용해주신것 그대로 사용하고 있는데, 제거 사이즈가 너무 커서요 다 나왔으면 해서 ..

위의 소스에서 height는 조절하면 이미지가 아예 나오지 않더라구요!

.detail-pic {
  max-width: 100%;
  max-height: 100%;
} 

이런것도 해봤구요  구글링 통해 이미지 css 조절 하는법 등 알아봐도.. 적용하면 이미지가 사라져서 고민입니다

아니면 클릭했을때 원본 나오게 하는것도 좋은데 .. 그렇게 되면 이친구는 div 태그이기때문에 적용이 잘 안되는거 같습니다 .. 고민이에요!

[codingapple]

안짤릴려면 height 더 늘리거나 img 태그로 넣으면 됩니다

[애플사마]

이미지로 코드 변경한 후 이미지 사이즈조절이 자동으로 되는것은 확인했습니다..

그런데 파이어베이스에 있는 이미지가 불러와지지 않고 빈화면만 나와요 ㅠ






$('.detail-pic').css('background-image', `url(${result.data().이미지})`)

 $('.detail-pic').img(result.data().이미지)

이렇게 도전해봤습니다.. 영상보고 확인하려고 해도, 코드 그대로 주신걸 사용하는거라 .. 확인이힘들더라구요 ㅠㅠ..

[codingapple]

img태그의 src 조절하는법을 찾아봅시다

[글쓴이]

글