메인 이미지사이즈 도와주세요 ㅠ
본문
주소는 아래 남겨두겠습니다.
해결되면 삭제할 예정입니다//
메인이미지를 보시면 꽉찬 이미지로 나오지만
모바일메뉴로 넘어갔을때 가로길이는 잘리지 않지만
세로길이가 비율로 같이 줄어들어버려서 너무 좁아져 버립니다.
1. 일정크기가 되면 가로 좌우가 좀 가려지면서 더이상 세로길이가 줄어들지 않게 하려면
css를 어떻게 주면 될까요?
2. 보시면 자바스크립트가 사진이 바뀔때 아래쪽으로 바뀔 사진이 희미하게 떴다가 사라집니다.
이부분을 가리거나 안보이게 하려면 어떻게 바꿔주면 될까요?
답변 2
bootstrap.min.css 파일의
6149번째 줄에
min-height:auto; 로 바꿔주세요.
또는
6147번째 줄부터 6151번째 줄까지 지워버리면 됩니다.
최소 400px이하로는 줄어들지 말라는 말인데 지워버려도됩니다.
지우는것을 택하실려면 6147~6151 외에 6151의 아래에 있는 }와 6140의 {도 지워주시면 깔끔한 css가 되겠네요.
부트스트랩 사용하시면 대부분 사이즈 조정은 부트스트랩에서 클래스명을 검색하시면 그에 대한 해결책이 나올것입니다.
세로길이가 너무 줄어들어서 넣은것인데- 부자연스럽게 이미지가 세로로 길어집니다.
만약에 빼버리면 핸드폰에서 세로길이가 넘주 줄어들어버려서 이미지가 너무 작아집니다ㅠ
그럼 이미지 비율이 그래서 어쩔수 없기때문에 몇픽셀 이하에서는 상단 메뉴의 배경화면을 특정 이쁜이미지로 지정해주고 슬라이드이미지는 위 메뉴픽셀만큼 아래로 내려주면 되겠네요.
그것 이외에는 사진 자체비율이 그렇기때문에 좁아보일수밖에 없겠네요.
아니면 화면사이즈 몇픽셀 이하에서는 배경이미지를 비율맞는것으로 변경해보는쪽으로도..
2번질문의 같은 경우에는
1번그림과 2번 그림이 있으면, 2번그림이 떴는데 1번그림이 사라지고 있네요.
2번같은경우 사라지고 있는부분 수정부분 알려주실수있나요?
http://zest86.hubweb.net/demo/theme/thema2/js/main.js 파일에서 fade in과 fade out 시간조정 해보세요.
백업 해두시고, 조정 해가면서 확인해보세요.
▼▼
fadein out 속도 조절 해봤는데 안되네요 ㅠㅠ
혹시 다른방법 있을까요?
여기 질문은 미채택완료해서 다시 올려두었습니다
https://sir.kr/qa/184327