모니터 해상도에따라 다른 최신글 불러오기가 가능한지요? 채택완료

css

  /* 화면크기에따라 최신글 별도로 */

#newskin2{display:block}
#newskin1{display:none}
 
@media all
and (min-device-width : 300px)
and (max-device-width:1024px) {

#newskin1{display:block}
#newskin2{display:none}
 
}​

그리고 index.php

<!-- 최신글 시작 { -->
<div id="newskin1"> <!--1024이하 -->
<?php echo latest("최신글스킨-2", "보드",4, 40​​); ?>​​
</div>
<div id="newskin2"> <!--1024이상 -->
<?php echo latest("최신글스킨-1", "보드",4, 40​​); ?>

성공했습니다.

지원해주신 두분 고수님들께 감사를 드립니다.

hikki 님 고맙습니다.

주신 소스로 시험을 해 보니 구분이 잘 되진 않습니다.

그러나 방향을 알 수 있을 것도 같습니다.

한번 노력해 보겠습니다.

감사합니다.

<div id='data1'>
<?php latest 어쩌구 1번 ?>
</div>

<div id='data2'>
<?php latest 어쩌구 2번 ?>
</div>

로 하시고 디폴트를 display:none 으로 하고
위의 해상도에 display:block 처리로 하는거죠

이건  어디다 넣는건지?

미안합니다. 

아 그렇다면 미리 두개를 불러온 상태에서 div 안에 bind 처리한 후에 hidden 또는 block 처리하면 되지 않을까요?
어차피 jQuery 안에 있으니까요

죄송합니다 

앞의 말씀이 무슨말이지 저는 모릅니다.

미안합니다.

{ 속에  <?php latestsklin, 게시판-1..?> 최신글 불러오는 명령문을 인식하지 못하는 것 같습니다.

따옴표를 홋따옴표를 이리저리 해봐도 않됩니다.

고맙습니다. 

port443님 고맙습니다.

index.php 속에 넣고 시험을 했는데요.

못불러 오는데요.

그래도 감사합니다.

</p><p><script></p><p>function adjustStyle(width) {</p><p>    width = parseInt(width);</p><p>    if (width < 1024) {</p><p>        <?php latestsklin, 게시판-1..?></p><p>    } else if ((width >= 400) && (width < 1024)) {</p><p>        <?php latestsklin, 게시판-2..?></p><p>    } else {</p><p>       </p><p>    }</p><p>}</p><p> </p><p>$(function() {</p><p>    adjustStyle($(this).width());</p><p>    $(window).resize(function() {</p><p>        adjustStyle($(this).width());</p><p>    });</p><p>});</p><p></script> </p><p>

이런식으로 하면 되지 않을까요?

테스트는 안해봤습니다.

port443 님 고맙습니다.

어떻게 적용하는지 전혀 감을 잡을 수가 없습니다.

테스트를 어떻게 하면 되는지를 혹시 알려 주실 수 있으시면...

부탁드리겠습니다.

미디어쿼리 부분을 검색하면 답은 있습니다.

참고용 링크 드립니다.

http://gumoisland.com/blog/46">http://gumoisland.com/blog/46