2026, 새로운 도약을 시작합니다.

div 한개로 이미지슬라이드를 구현할 수 있나요? 채택완료

안녕하세요.

다름이 아니라 div 또는 img 태그 1개로 슬라이드를 구현할 수 있는지 궁금해서 질문드렸습니다.

Copy


 







일정시간 지나면 이미지 변환











    .slide {

        transition-property : transform;

        transition : all 0.5sec;

        overflow-x:visible;

    }















 

를 통해 1개씩 이미지를 바꾸는건 가능했는데 슬라이드 처럼 할수 있는 지 알려주시면 감사하겠습니다.

답변 2개

채택된 답변
+20 포인트

가능한지는 잘 모르겠습니다만, 매우 어려울 것 같습니다.

이미지 슬라이더 라이브러리를 사용하는 것을 추천하겠습니다.

=> https://offbyone.tistory.com/148

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

img태그를 div로 깜싸고 영역을 정해주어야지 안그러면 페이지 전체를 대상으로 슬라이드를

해야하지 않겟어요?

position:absolute를 주고 left 값을 변화 시키면 슬라이드 됩니다

그런데 이런건 jquery를 이용하면 아주 간단합니다

특히 up down 은 slideUp() / slideDown() 만 해주면 됩니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고