PopUp위젯을 여러개 생성할 수 있게 만들려고 보니
갯수 만큼 위젯을 만들 수도 없고 id나 class명에 순차적으로 번호를 붙일 수 있으면 될 것 같은데...
예를 들면 아래 코드에서 pop-up1 / pop-up2 부분의 숫자 1,2 부분을 {no} 이렇게 변경할 수 있는 방법은 없을까요.
<div id="<!--@if($wi->popup_number == '1')-->pop-ups1<!--@else-->pop-ups2<!--@end-->">
<style>
#pop-ups1 { position:{$wi->popup_location}; margin-left:-{$wi->popup_width/2}px; top:{$wi->board_f}%; left:{$wi->board_fleft}%; z-index:99 }
#pop-ups2 { position:{$wi->popup_location}; margin-left:-{$wi->popup_width/2}px; top:{$wi->board_s}%; left:{$wi->board_sleft}%; z-index:99 }
</style>
질문을 잘 이해했는지 모르겠는데요ㅜ
pop-ups{$wi->popup_number}
이렇게 하면 되지 않을까요?
그게 아니라면 숫자 부분을 random으로 부여해도 될 거구요.
그리고 css는 class로 잡고 top과 left 처리는 앞의 요소의 값에 따라 js로 바꿔주는 것도 방법일 것 같다는 생각이 듭니다.