gkddkfl12
635
2020-08-30 14:26:43
4
127

프론트 공부중인데 배너슬라이드 관련하여 질문드립니다.


다름이아니라 


https://www.samsungfire.com/


삼성화재 홈페이지 따라하면서 연습중인데요.


저 메인 배너가 슬라이드인지 아니면 show hide 같은걸로 사라졌다 나타났다하는지 모르겠어요..


형식은 슬라이드인데 브라우저 축소하거나 해서봐도 다른사진들없이


딱 그자리에 사진만 나타났다 사라졌다 하더라구요..


조심스럽게 저게 어떤원리인지 정말 대충이라도 알고싶습니다..ㅜㅜ

0
  • 답변 4

  • jslovers
    2k
    2020-08-30 15:23:27

    슬라이드~

  • meanji
    40
    2020-08-30 17:41:33 작성 2020-08-30 17:44:49 수정됨

    개발자 도구로 보니 태그명으로 슬라이드를 적어 놓았네요.
    브라우저 축소 이야기하시는 것은 반응형 태그를 의미하시는 건가요?
    그런데 저 삼성화재는 반응형 웹이 아니던데;;;

  • 웹개발자 화이팅
    152
    2020-08-30 20:33:08
    1. 이미지를 담은 div박스를 전부 postion을 absolute를 두면 다 겹치겠죠? 그상태로 display를 다 none으로 두고 
    javascript의 setinterval를 통해 한개씩 display를 block으로 바꾸어줬다가 다시 none하고 두번째 이미지를 block해버리면 제일 깔끔할거 같습니다. 

    2. 배너형태로 제작시 margin값을 animate로 시간을 두지않고 한쪽으로 밀어버려도 될거같네요
  • gkddkfl12
    635
    2020-08-31 01:00:12

    세분다 감사합니다!


    특히 웹개발자 화이팅님 상세한답변 감사드려요. 이해가 너무잘됐습니다.ㅜㅜ 감사합니다! 복받으세요

  • 로그인을 하시면 답변 을 등록할 수 있습니다.