diff --git a/js/shop.mobile.list.js b/js/shop.mobile.list.js new file mode 100644 index 000000000..714bca62d --- /dev/null +++ b/js/shop.mobile.list.js @@ -0,0 +1,61 @@ +(function($) { + $.fn.itemList = function(element, clear) + { + var cfg = { + element: "li.sct_li", + clear: "sct_clear" + }; + + if(typeof element == "object") + cfg = $.extend( cfg, element ); + else { + if(element) + cfg = $.extend( cfg, { element: element } ); + if(clear) + cfg = $.extend( cfg, { clear: clear } ); + } + + var $element = this.find(cfg.element); + var $this = this; + + function item_arrange() + { + var $el = $element.filter(":first"); + var padding = 0; + if($el.data("padding-right") == undefined) { + padding = parseInt($el.css("padding-right")); + $el.data("padding-right", padding); + } + else + padding = $el.data("padding-right"); + + $element.css("padding-left", 0).css("padding-right", padding); + $element.filter("."+cfg.clear).removeClass(cfg.clear); + + var wrap_width = parseInt($this.width()); + var item_width = parseInt($el.outerWidth()); + var line_count = parseInt((wrap_width + padding) / item_width); + + if(line_count == 0) + return; + + var space = parseInt(wrap_width % item_width); + + if((space + padding) < item_width) { + var new_padding = parseInt((space + padding) / (line_count * 2)); + + if(new_padding > padding) + $element.css("padding-left", new_padding+"px").css("padding-right", new_padding); + } + + $element.filter(":nth-child("+line_count+"n)").css("padding-right", 0); + $element.filter(":nth-child("+line_count+"n+1)").addClass(cfg.clear); + } + + item_arrange(); + + $(window).resize(function() { + item_arrange(); + }); + } +}(jQuery)); \ No newline at end of file diff --git a/mobile/skin/shop/basic/list.10.skin.php b/mobile/skin/shop/basic/list.10.skin.php index 067067a24..c9efd9804 100644 --- a/mobile/skin/shop/basic/list.10.skin.php +++ b/mobile/skin/shop/basic/list.10.skin.php @@ -3,15 +3,16 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 ?> + css) { - echo "