문법질문 - 최신글 div 박스 각각의 위치를 랜덤으로 가능할까요?
본문
질문이 복잡할 것 같아서 최대한 설명을 잘해야 하는데
머릿속 생각을 글로 어떻게 표현해야 하나 벌써 걱정이네요 ㅎㅎ
최신글 네개의 박스를 서로 다른 위치에 랜덤으로 들어가도록 하고 싶다~가 요지구요..^^
최신글 네개를 불러온다고 가정하고 각각의 최신글 <div>안에 순서대로 relative로 왼쪽부터 하나씩 네개의 박스가 위치해있다면
이걸 absolute로 위치를 지정해서 각각 다른 위치에 랜덤으로 보여주고 싶습니다.
즉 각각의 위치가 { top:0px; left:0px; },(top:0px; left:100px;), {top:50px; left:80px; }, {top:200px; left:400px; } 이라고 가정한다면
네 박스의 css문구에서 position을 위 네개를 랜덤하게 들어가도록 하고 싶다는 얘기지요 ^^
php문으로 rand 함수를 사용해서 &boxpos를 얻었다고 가정하여
css문구에 { top:0px; left0px; } {top:0px; left:100px; } {top:50px; left:80px; } {top:200px; left:400px; } 을 &boxpos 로 표기해서 랜덤으로 돌리고 싶은 마음인데요..
rand 함수가 위처럼 상수나 변수가 아니라 '문구' 네개만 돌릴 수 있는지..
처음엔 shuffle 함수를 써야하나 했는데 그럴경우 네군데 포지션에 똑같은 배열이 들어갈수도 있다는 생각도 들고요..
rand 함수는 삼수만 표현이 되서 문구는 안되나 싶기도 하구요..
문법이 잼뱅이라 그렇게 rand 함수로 하는게 맞는지 문법적으로 아예 모릅니다 ㅠㅠ
문법 고수님들의 도움 부탁드립니다~
꾸벅~
머릿속 생각을 글로 어떻게 표현해야 하나 벌써 걱정이네요 ㅎㅎ
최신글 네개의 박스를 서로 다른 위치에 랜덤으로 들어가도록 하고 싶다~가 요지구요..^^
최신글 네개를 불러온다고 가정하고 각각의 최신글 <div>안에 순서대로 relative로 왼쪽부터 하나씩 네개의 박스가 위치해있다면
이걸 absolute로 위치를 지정해서 각각 다른 위치에 랜덤으로 보여주고 싶습니다.
즉 각각의 위치가 { top:0px; left:0px; },(top:0px; left:100px;), {top:50px; left:80px; }, {top:200px; left:400px; } 이라고 가정한다면
네 박스의 css문구에서 position을 위 네개를 랜덤하게 들어가도록 하고 싶다는 얘기지요 ^^
php문으로 rand 함수를 사용해서 &boxpos를 얻었다고 가정하여
css문구에 { top:0px; left0px; } {top:0px; left:100px; } {top:50px; left:80px; } {top:200px; left:400px; } 을 &boxpos 로 표기해서 랜덤으로 돌리고 싶은 마음인데요..
rand 함수가 위처럼 상수나 변수가 아니라 '문구' 네개만 돌릴 수 있는지..
처음엔 shuffle 함수를 써야하나 했는데 그럴경우 네군데 포지션에 똑같은 배열이 들어갈수도 있다는 생각도 들고요..
rand 함수는 삼수만 표현이 되서 문구는 안되나 싶기도 하구요..
문법이 잼뱅이라 그렇게 rand 함수로 하는게 맞는지 문법적으로 아예 모릅니다 ㅠㅠ
문법 고수님들의 도움 부탁드립니다~
꾸벅~
답변 3
<style>
ran1 { top:0px; left:0px; }
ran2 {top:0px; left:100px;}
ran3 {top:50px; left:80px; }
ran4 {top:200px; left:400px; }
</style>
<div id="ran<?php $ran = rand(1,4);?>">내용</div>
말재주가 없어서 말로는 설명 불가능요 ㅎㅎ
<div id="클래스 이름<?php $ran = rand(1,4);?>">
이런식으로하고 css로 위치지정해두시면될것같은데요.
답변을 작성하시기 전에 로그인 해주세요.