1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100

<?php include_once("../../common.php"); ?> 

<style>
.slider-container2 { position: relative; overflow: hidden; max-width: 100%; }
#customModal2 .slider-track2 { display: flex; transition: transform 0.5s ease; flex-wrap: nowrap; overflow-x:hidden; overflow-y:scroll; height:410px; }
.slider-track2 .rv_flex_wrap { display: flex; flex-wrap: wrap; width: 100%; flex: 0 0 100%; gap: 15px; justify-content: space-between; box-sizing: border-box; }
#customModal2 .custom-modal-content {position: relative; background-color: #fff; margin: 0 auto; top:50%; transform:translate(0, -50%); padding:20px; border-radius: 15px; width: 100%; max-width:340px; max-height:430px; box-sizing:border-box; overflow: hidden;}
#customModal2 .rv_bg { width: 100%; text-align: left; padding: 5px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; }
.rv_bg span { font-size: 14px; line-height: 1.25; word-break: break-all;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.rv_bg .company-sd {margin-bottom:5px}
.rv_bg .company-sd:nth-child(2) {display:none}
.rv_bg .company-sd b { font-size: 13px;}
.rv_bg .company-sd small { font-size: 13px; width: 45px; display: none; text-align: center; background-color: #ECF7FF; color: #666; padding: 0 5px; border-radius: 30px;}
.slider-controls { position: absolute;  width:100%; display: flex ; justify-content: space-between; margin-top: 0; left: 50%;     transform: translate(-50%, 0%); bottom: 16%;}
.slider-controls button {padding:5px 17px; font-size:30px; background-color:#fff; border:0; border-radius:100px; cursor:pointer} 
</style>

<?php
    $sql = "SELECT reg_date, smcompany, show_top, industry_type, markdetail FROM mBoard_cus_after WHERE mark_flg = '1' ORDER BY reg_date desc";
    $res = mysql_query($sql,$connect_web);
    $total_cnt = mysql_num_rows($res);

    $txt = iconv("utf-8", "euc-kr", "건수");
    $txt2 = iconv("utf-8", "euc-kr", "건");
    $txt3 = iconv("utf-8", "euc-kr", "서비스 이용후기");
?>

<div class="slider-container2">
    <!-- 25.06.18 개수 추가 -->
 
    <div style="display:flex; align-items:center; justify-content:space-between; margin: 0 10px 10px 5px;">
        <b style="font-size:15px;"><?php echo $txt3; ?></b>
        <div class="review-count" style="font-size:14px"><?php echo $txt; ?> : <span id="review-count-number"><?php echo number_format($total_cnt); ?></span> <?php echo $txt2; ?></div>
    </div>
  

  <div class="slider-track2" id="slider-track2">
    <!-- 여기에는 jQuery로 #original-items2 내용이 16개씩 렌더링 -->
  </div>
</div>

<div id="original-items2" class="rv_flex_wrap" style="display:none"> 
    <?php
        while($info=mysql_fetch_array($res)){

            $reg_date = strtotime($info['reg_date']);

            if($info['show_top'] == "1") {
                $reg_txt = date('Y-m-d',$reg_date);
                $add_class = "red_review";
            } else {
                $reg_txt = date('Y-m-d',$reg_date);
            }

            //상호명 글자 수 줄이기
            $sangho_leng = mb_strlen($info['smcompany'], 'utf-8');
            $sangho_leng = ceil($sangho_leng/2);

            $star = "";
            for($s=0; $s<$sangho_leng; $s++){
                $star .= "*";
            }

            $sangho = mb_substr($info['smcompany'], '0', $sangho_leng, "euc-kr").$star;
    ?>

    <div class="rv_bg">
        <div class="company-sd" style="display:flex; justify-content:space-between">
            <!-- <small>업체명</small> -->
            <b><?php echo $sangho; ?></b><span class="txt12"><?php echo $reg_txt; ?></span>
        </div>
        <div class="company-sd">
            <div><small>업종</small><b><?php echo $info['industry_type']; ?></b></div>
        </div>
        <span><?php echo mb_substr($info['markdetail'], 0, 250, "euc-kr"); ?></span>
    </div>

    <?php } ?>

</div> <!-- //rv_flex_wrap --> 
 
 

<script>
$(document).ready(function () {
  var $track2 = $('#slider-track2');
  var $sourceItems2 = $('#original-items2 .rv_bg');
 
  // 모든 아이템을 감쌀 wrapper 생성
  var $wrapper2 = $('<div class="rv_flex_wrap"></div>');

  // 아이템 전부 복사해서 wrapper에 추가
  $sourceItems2.each(function() {
    $wrapper2.append($(this).clone());
  });

  // 트랙에 wrapper 붙이기
  $track2.empty().append($wrapper2);
});
</script>