묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스타일시트 랜덤하게 적용시키기 [자문자답 ㄱ-;;;]
2006.06.03 05:50
잔머리 굴려서 직접 성공했습니다... 혹시 궁금하신 분들을 위해 소스 공개합니다.
혹시 더 좋게 바꿀 수 있으면 알려주세요 'ㅁ');
<script>
var styletheme = new Array();
styletheme[styletheme.length] = "http://경로/style1.css";
styletheme[styletheme.length] = "http://경로/style2.css";
var index = Math.floor(Math.random() * styletheme.length);
document.write("<link rel=stylesheet href='"+styletheme[index]+"' type=text/css>");
</script>
===============================
질문내용>>
배경이미지 테이블칼라 폰트 칼라등을 정의하는 스타일시트가
style1.css , style2.css, style3.css
세개의 파일로 존재하고
유저가 페이지로 접속할때마다 랜덤하게 세개의 css 파일중 하나를 적용하여 페이지를 보여주려면 어떻게 해야할까요..
<script>
<!--
var scbg
do scbg = Math.random().toString().charAt(2);
while (scbg > 3 || scbg < 1); //앞에숫자에 css파일 수만큼의숫자
document.writeln("<link rel=stylesheet href='css/file" +scbg+ ".css' type=text/css>"); //CSS파일이 있는폴더및 파일경로....
//-->
</script>
와 같은 소스를 찾아 적용해보았는데 잘 안되서.. ㅠ.ㅠ);;;
제로보드 헤더/푸터 인클루드 하여 사용하기 때문에 스타일시트는 "절대경로"로 링크해야하구요.. http://~/top/style1.css 식으로...
간단히 정리하자면 스타일시트를 복수로 사용하여 랜덤 테마 식으로 꾸며보려고 하는 건데요.
스타일시트를 랜덤으로 링크 할 수 있는 소스를 알려주시길 부탁드립니다.
혹시 더 좋게 바꿀 수 있으면 알려주세요 'ㅁ');
<script>
var styletheme = new Array();
styletheme[styletheme.length] = "http://경로/style1.css";
styletheme[styletheme.length] = "http://경로/style2.css";
var index = Math.floor(Math.random() * styletheme.length);
document.write("<link rel=stylesheet href='"+styletheme[index]+"' type=text/css>");
</script>
===============================
질문내용>>
배경이미지 테이블칼라 폰트 칼라등을 정의하는 스타일시트가
style1.css , style2.css, style3.css
세개의 파일로 존재하고
유저가 페이지로 접속할때마다 랜덤하게 세개의 css 파일중 하나를 적용하여 페이지를 보여주려면 어떻게 해야할까요..
<script>
<!--
var scbg
do scbg = Math.random().toString().charAt(2);
while (scbg > 3 || scbg < 1); //앞에숫자에 css파일 수만큼의숫자
document.writeln("<link rel=stylesheet href='css/file" +scbg+ ".css' type=text/css>"); //CSS파일이 있는폴더및 파일경로....
//-->
</script>
와 같은 소스를 찾아 적용해보았는데 잘 안되서.. ㅠ.ㅠ);;;
제로보드 헤더/푸터 인클루드 하여 사용하기 때문에 스타일시트는 "절대경로"로 링크해야하구요.. http://~/top/style1.css 식으로...
간단히 정리하자면 스타일시트를 복수로 사용하여 랜덤 테마 식으로 꾸며보려고 하는 건데요.
스타일시트를 랜덤으로 링크 할 수 있는 소스를 알려주시길 부탁드립니다.