class명을 각각 다르게 주는 방법이 있나요?

어떤 이유인지 몰라서 제 개인적으로 상황을 유추해서: 개발자는 아니지만
조건문과 난수(rand함수같은)를 적절히 조합해서 해결하는 것은 어떨까 싶습니다.

난수를 클래스명 뒤에 붙도록해서 해당 클래스에 맞게 조건을 붙이는...

xe문법을 제대로 알지 못해서 정확한지는 모르겠습니다.

{@$temp_num=0}
<!--@foreach($widget_info->document_list as$oDocument)-->
{@$temp_num++}
<li class="<!--@if($temp_num==1)-->current<!--@end-->">
<div>~ 생략 ~</div>
</li>
<!--@end-->

foreach가 뱅글 뱅글 돌때마다 temp_num이라는 임의의 변수의 값을 1씩 증가시켜 주고
temp_num이 1일때만 current이 나오게 하는 것입니다.

DoubleU님 덕분에 한방에 해결 했네요. 감사합니다.

받았으면 다시 돌려 주는 것이 인지상정 허접하지만 만든 위젯 올려봅니다. 

mh_tilted_content.zip

 

Demo버전은 

https://moonhouse.co.kr/wp 의 아래 부분이 위젯이며 윗부분은 레이아웃에서 출력되는 부분입니다.

소스는  https://tympanus.net/codrops/2014/03/13/tilted-content-slideshow/  여기에서 받았는데

댓글에 보면 자동 슬라이딩 기능을 추가할 수 있는데 wait.js 파일을 받아야 된다는데,

다운받는 사이트가 죽어있어서 구현이 힘드네요.

혹시 wait.js 파일이나 아님 자동 슬라이드 가능하게 하는 방법 아시는 분은 연락주시면 Thank You~~ 

 

p.s 한가지 더 질문하자면 아래 코드에서 홀수는 "orange" 짝수는 "blue" 이런씩으로는 어떻게 하면 될까요.

<!--@if($temp_num==1 || $temp_num==3 || $temp_num==5)-->orange<!--@else-->blue<!--@end-->