초보 최신글 질문 좀 드립니다.
본문
지금 사용하고 있는 최신글이 겔러리형 네칸 한줄이에요
이거를 네칸 5줄로 늘리고 싶은데 어려울가요?
<script type="text/javascript">
var size = $(window).width() ;
if(size < 1024 && size > 800){
int_view = 3 ;
} else if(size <= 800 && size > 600) {
int_view = 2 ;
} else if(size <= 600) {
int_view = 1 ;
} else {
int_view = 4 ;
}
(function($) {
$(document).ready(function() {
// tab menu click
$(document).on("click", ".tab_menu li", function(e) {
e.preventDefault();
$(".tab_menu li").removeClass("on");
var on_index = $(this).index() ;
$(".tab_menu li").eq(on_index).addClass("on");
var bo_table = $(".tab_menu li").eq(on_index).attr("data-table-id");
var ca_name = $(".tab_menu li").eq(on_index).attr("data-ca-name");
//alert("<?=$latest_skin_url?>/main.product.slide.json.php");
$.ajax({
url : "<?=$latest_skin_url?>/main.product.slide.json.php",
type : "post",
data : {"bo_table":bo_table, "ca_name":ca_name},
async : false,
dataType : "html",
success : function(rst) {
//alert(rst);
$("#touchSlider").html(rst);
$("#touchSlider").touchSlider({
speed : 800,
gap: 20,
view : int_view
});
return ;
},
error : function(xhr, ajaxOptions, throwns) {
alert(xhr.responseText) ;
}
});
});
$("#touchSlider").touchSlider({
speed : 800,
gap: 20,
useMouse: false,
view : int_view
});
});
})(jQuery);
</script>
답변 1
아래와 같이 변경하시면 될거 같은데요,
if(size < 1024 && size > 800){
int_view = 3 ; // 디바이스 width 1024미만 & 800초과 일때 보여줄 갯수 기재하세요.
} else if(size <= 800 && size > 600) {
int_view = 2 ; // 디바이스 width 800이하 & 600미만 일때 보여줄 갯수 기재하세요.
} else if(size <= 600) {
int_view = 1 ; // 디바이스 width 600이하 일때 보여줄 갯수 기재하세요.
} else {
int_view = 20 ; // 4칸 X 5줄 한 값이므로 20개 작성하면 되겠습니다.
}
실험해보지 않아서, 정확하게 모르겠지만, 한번 해보시겠어요 -
Songmikim님
4개씩 5줄이 나와야 되는데요 한줄로 20개가 나오네요 ㅋ
