게시물 홀수번/짝수번 다른 class 적용

게시물 홀수번/짝수번 다른 class 적용

QA

게시물 홀수번/짝수번 다른 class 적용

본문

3542207473_1576747295.0712.png

 

 

그림처럼 홀수번째 게시물(1로 표시한 박스)은 클래스 SL을,
짝수번째 게시물(2로 표시한 박스)은 클래스 SR을 추가 적용하고자 합니다.
다른 분들이 올리신 질문들을 참고해서 

 


<div class="timeline-content <?php if($i%2==0){ ?>js--fadeInLeft<?php }else{ ?>js--fadeInRight<?php }?>">

 

이렇게 써봤는데요,
딱 하나만 클래스가 다르게 먹히더라고요.

하나만 되는게 아니라 1:3으로 먹히는 것 같아요.

왜...일까, 라고 하면 당연히 코드를 잘못 써서겠죠....
어느 부분이 문제일까요? 도움 바랍니다.

이 질문에 댓글 쓰기 :

답변 3

https://sir.kr/g4_tiptech/33043 팁을 응용하면 되지 않을까요..

해당 소스는 잘못된 점이 없어보이네요,
번갈아가면서 값을 다르게 하는것이 의도하는 바이고
해당 소스는 나머지가 0일때와 1일때 두가지 경우이므로 일반적인 for문(1씩 증가하는)이라면 정상동작해야 맞습니다.
i값이 for문안에서 변하거나, i값이 1증가가 아닌 2나 3처럼 다르게 증가한다거나, 또는 i가 for문의 변수가 아니거나
아니면 외부적인 문제로 css자체가 문제가 있다거나 하는것으로 보입니다.
알려주신 정보가 부족하기에 정확하게 답변 드릴 수 없네요

게시물은 제대로 나오는데 class가 죽어라 1:3 비율로 나오니 속이 터집니다. 다른 분 올려주신 스킨의 코드도 참고해서 고쳐봤는데 결과값에 변화가 없고요.. 도움 감사합니다. 좀더 찾아봐야겠어요 ㅠㅠ

i 변수가 잘못 증가하는게 원인일 것 같습니다만..

아래처럼 해보세요.

.timeline-content:nth-child(odd){js--fadeInLeft 스타일}

.timeline-content:nth-child(even) {js--fadeInRight 스타일}

 

답변을 작성하시기 전에 로그인 해주세요.
전체 81
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT