첫 페이지 상단에 동영상과 스크롤시 배경이 움직이는 이미지

댓글내용 확인

안녕하세요.
우선 사이트를 복사해서 사용하시려면
1. 홈페이지 , 데이터베이스를 그대로 복사하셔서 /data/dbconfig.php 파일에서 접속정보를 수정해주시면 동작할겁니다.
2. 관리자 로그인 후에 세션삭제, 썸네일삭제를 하셔야 이미지들이 새로운 도메인으로 다시 세팅될것 같습니다.
3. 라이선스파일은 SF_READ.TXT 파일에 라인선스 주문번호로 다시 기입

위 3가지 정도면 되실것 같습니다.
또 하나는 ssl 연결후에는 config.php 파일에 도메인 주소 기입등.
위 처럼 해주시면 해결 사용이 가능할것 같습니다.

동영상 문제는 다시 코멘트 드리겠습니다.
감사합니다.

안녕하세요. 우선 체크해볼것이 하나 있을것 같습니다.
두개의 동영상에 대해서 같은 코드가 적용이 되어 있는데요.
동영상들의 비율때문에 그런것 같습니다.

언듯 보면 비슷한것 같은데요. 첫번째 동영상이 사이즈가 좀더 작고 가로 크기가 좀더 커 보입니다.
브라우저에서 표시할때는 동영상 height: 100% 값 기준으로 무조건 맞추기 때문에 가로는 자동으로 맞춰지고 있습니다.
이 부분먼저 체크 부탁드리겠습니다.

혹시 몰라서 코드상의 문제인가 보니 코드쪽은 문제가 없어보입니다.
테스트 후에 다시 코멘트 부탁드리겠습니다.
감사합니다.

테마폴더에 /js/script.js 파일 보시면 아래 처럼 시간 조정을 할 수 있습니다.
현재는 6000 -> 6초로 되어 있으니 플레이 시간 조정을 해주시면 좋을것 같습니다.

 

혹시 몰라서 테스트해보니
사이즈는은 1920x1080 이 좋을것 같습니다. 16/9 비율로 되어 있습니다.

댓글내용 확인

네 확인 한 결과 이미지 중복을 제거하는 코드가 적용이 안되어 있었습니다.
원래 css 에서는 적용이 되어 있었는데 어떤 이유로 제외되었던것 같습니다.
아래 처럼 background-repeat: no-repeat; 중복제거 속성이 추가되면 이미지는 겹치지 않습니다.



그리고 아래 배너 이미지를 보시게 되면 이미지가 가로배율이 길이 크기 때문에
모바일에서 줄였을때는 자동으로 이미지가 브라우저 배율에 맞추다 보니 짤리는 현상이 있습니다.
그래서 보통 이런 배너등의 경우에도 1920x1080 이미지를 사용해주셔야 합니다.
그럼 짤리는 현상 없이 나오게 됩니다.

pc 와 mobile 을 정확하게 이미지를 사용하시려면
원래는 pc 이미지 , mobile 이미지를 따로 만들어서 작업하는 방법이 있습니다.
그렇게 되면 미디어쿼리로 브라우저 크기에 맞게 줄여줄 수가 있습니다.

반응형 작업시 이미지 하나로만 대부분 사용하니 이미지 배율을 되도록이면
세로크기도 크게 맞춰주시는게 좋을것 같습니다.
감사합니다.