게시물 홀수번/짝수번 다른 class 적용
본문
그림처럼 홀수번째 게시물(1로 표시한 박스)은 클래스 SL을,
짝수번째 게시물(2로 표시한 박스)은 클래스 SR을 추가 적용하고자 합니다.
다른 분들이 올리신 질문들을 참고해서
<div class="timeline-content <?php if($i%2==0){ ?>js--fadeInLeft<?php }else{ ?>js--fadeInRight<?php }?>">
이렇게 써봤는데요,
딱 하나만 클래스가 다르게 먹히더라고요.
하나만 되는게 아니라 1:3으로 먹히는 것 같아요.
왜...일까, 라고 하면 당연히 코드를 잘못 써서겠죠....
어느 부분이 문제일까요? 도움 바랍니다.
답변 3
해당 소스는 잘못된 점이 없어보이네요,
번갈아가면서 값을 다르게 하는것이 의도하는 바이고
해당 소스는 나머지가 0일때와 1일때 두가지 경우이므로 일반적인 for문(1씩 증가하는)이라면 정상동작해야 맞습니다.
i값이 for문안에서 변하거나, i값이 1증가가 아닌 2나 3처럼 다르게 증가한다거나, 또는 i가 for문의 변수가 아니거나
아니면 외부적인 문제로 css자체가 문제가 있다거나 하는것으로 보입니다.
알려주신 정보가 부족하기에 정확하게 답변 드릴 수 없네요
i 변수가 잘못 증가하는게 원인일 것 같습니다만..
아래처럼 해보세요.
.timeline-content:nth-child(odd){js--fadeInLeft 스타일}
.timeline-content:nth-child(even) {js--fadeInRight 스타일}
답변을 작성하시기 전에 로그인 해주세요.