답변 10개 / 댓글 4개
/*1024 이상의 최근게시물 스킨을 감싸고 있는 div의 display를 block */
/*1024 이하의 최근게시물 스킨을 감싸고 있는 div의 display를 none*/
@media all and (max-device-width:1024px) {
/*1024 이상의 최근게시물 스킨을 감싸고 있는 div의 display를 none*/
/*1024 이하의 최근게시물 스킨을 감싸고 있는 div의 display를 block*/
}
css에 위의 내용을 적용시켜보세요.
답변에 대한 댓글 2개
<?php echo latest("스킨명", "테이블명", "4", "14", "1", "1024이하게시판");?>
</div>
<div id="newskin2">
<?php echo latest("스킨명", "테이블명", "4", "14", "1", "1024 이상게시판");?>
</div>
위와같이 메인에 적용을 시켯다면.
하단의 내용을 css안에 삽입합니다.
#newskin1{display:block}
#newskin2{display:none}
@media all and (max-device-width:1024px) {
#newskin2{display:block}
#newskin1{display:none}
}
반응형 웹 조금만 훑어보시면 쉽게 해결이 가능하실듯하네요.
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); ?>
성공했습니다.
지원해주신 두분 고수님들께 감사를 드립니다.
아 그렇다면 미리 두개를 불러온 상태에서 div 안에 bind 처리한 후에 hidden 또는 block 처리하면 되지 않을까요?
어차피 jQuery 안에 있으니까요
죄송합니다
앞의 말씀이 무슨말이지 저는 모릅니다.
미안합니다.
port443님 고맙습니다.
index.php 속에 넣고 시험을 했는데요.
못불러 오는데요.
그래도 감사합니다.
답변에 대한 댓글 1개
어차피 jQuery 안에 있으니까요
예를 들면
<div id='data1'>
<?php latest 어쩌구 1번 ?>
</div>
<div id='data2'>
<?php latest 어쩌구 2번 ?>
</div>
로 하시고 디폴트를 display:none 으로 하고
위의 해상도에 display:block 처리로 하는거죠
<script>function adjustStyle(width) { width = parseInt(width); if (width < 1024) { <?php latestsklin, 게시판-1..?> } else if ((width >= 400) && (width < 1024)) { <?php latestsklin, 게시판-2..?> } else { }} $(function() { adjustStyle($(this).width()); $(window).resize(function() { adjustStyle($(this).width()); });});</script>이런식으로 하면 되지 않을까요?
테스트는 안해봤습니다.
답변을 작성하려면 로그인이 필요합니다.
제가 필요한 것은 화면크기에 따라 최신글을 다르게 불러들이고 싶은 것입니다.
css에 정의한 후에 최신글을 부르는 방법을 알고 싶습니다.
고맙습니다.