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
101
102
103
104
105

<?php
    header("Content-type:text/html;charset=euc-kr");
?>
                        <div class="pagePreview">
                            <ul class="pageBtn">
                                <li class="slideImg"><div id="srolling"></div></li>
                                <li id='p_click3' class="beforeBtn"><span class="screen_out">ÀÌÀü</span></li>
                                <li id='n_click3' class="afterBtn"><span class="screen_out">´ÙÀ½</span></li>
                            </ul>

                            <ul id='srolling_bullet' class='bullet' style="margin-left:-160px; width:325px; ">
                                <li id='srolling_bullet_item'><img src='./images/intro_rolling/bullet_off.png'></li>
                            </ul>
                        </div>



<script type="text/javascript">
    jQuery(function() {

    var data = [
      "<img src='./images/payment/slideImg01.png' alt='°áÁ¦Çϱâ'>",
      "<img src='./images/payment/slideImg02.png' alt='Ãë¼ÒÇϱâ'>",
      "<img src='./images/payment/slideImg03.png' alt='¼­¸íÇϱâ'>",
      "<img src='./images/payment/slideImg04.png' alt='°áÁ¦¿Ï·á'>",
      "<img src='./images/payment/slideImg05.png' alt='Çö±Ý¿µ¼öÁõ'>",
      "<img src='./images/payment/slideImg06.png' alt='°Å·¡³»¿ª'>"
    ];
    
    /*
    data : [ ], // ·Ñ¸µµÉ ¾ÆÀÌÅÛ µ¥ÀÌÅÍ
    name : '#srolling_area', // ·Ñ¸µ ´ë»ó element
    item_count : 1, // Çѹø À̵¿µÉ ¾ÆÀÌÅÛ ¼ö
    cache_count : 5, // ÃÖÃÊ Çѹø Àӽ÷Π»ý¼ºµÉ ¾ÆÀÌÅÛ ¼ö (°íÄ¡Áö¸¶¼¼¿ä)
    width : 100, // ³ëÃâµÉ ¾ÆÀÌÅÛ Å©±â (Çʼö : ½ÇÁ¦ ¾ÆÀÌÅÛ º¸´Ù ¾à°£ Å©°Ô ¼³Á¤Çϼ¼¿ä)
    height : 100, // ³ëÃâµÉ ¾ÆÀÌÅÛ Å©±â (Çʼö : ½ÇÁ¦ ¾ÆÀÌÅÛ º¸´Ù ¾à°£ Å©°Ô ¼³Á¤Çϼ¼¿ä)
    auto : false, // ÀÚµ¿ À̵¿ ¼³Á¤
    delay : 1000, // ÀÚµ¿ À̵¿ ÈÄ ´ë±â ½Ã°£
    delay_frame : 500, // À̵¿ ¼Óµµ (¿òÁ÷À̴ ȿ°ú¸¦ ¾ø¾Ö°í ½ÍÀ¸¸é 0)
    move : 'left', // À̵¿ ¹æÇâ left , right , up , down 
    prev : '#srolling_prev', // ÀÌÀü ¾ÆÀÌÅÛ À̵¿ ¹öÆ° element
    next : '#srolling_next', // ´ÙÀ½ ¾ÆÀÌÅÛ À̵¿ ¹öÆ° element
    is_bullet : false, // ºí¸´ »ç¿ë¿©ºÎ
    bullet : '#srolling_bullet', // ºí¸´ ¹öÆ° element
    bullet_item : '#srolling_bullet_item', // ºí¸´ ¹öÆ° item element
    bullet_style_func : null // ¼±ÅõȠºí¸´ È¿°úÁÖ±â
    */


    // ÁÂ¿ì ºí¸´ ÀÚµ¿ ½½¶óÀ̵堿¹Á¦
    jQuery("#srolling").srolling({
      data : data,
      auto : true,
      item_count : 1, // ºí¸´Àº ¾ÆÀÌÅÛ 1°³¸¸ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
      cache_count : 10 * 2, // ºí¸´À» »ç¿ëÇÒ °æ¿ì ¾ÆÀÌÅÛ¼ö 2¹è·Î ÀÔ·ÂÇϼ¼¿ä
      width : 990,
      height : 510,
      delay : 3000, 
      delay_frame : 500,
      move : 'left',
      prev : '#p_click3',
      next : '#n_click3',
      is_bullet : true,
      bullet_style_func : function(bullet,get_bullet) {
        // bullet = $('#srolling_bullet_item') ¸®ÅϹÞÀ½
        // get_bullet = $('¼±ÅõȠclass ºí¸´') ¸®ÅϹÞÀ½

        // ¸ðµç ¹öÆ° ºí¸´ ÃʱâÈ­
        jQuery('li',bullet).each(function() {
          var img = jQuery('img',this);
          var src = img.attr('src');
          src = src.replace('on','off');
          img.attr('src',src);
        });

        // ¼±ÅõȠºí¸´ È¿°ú ÁÖ±â
        var img = jQuery('img',get_bullet);
        var src = img.attr('src');
        src = src.replace('off','on');
        img.attr('src',src);

      }
    });

  });
</script>


<!-- coupling -->
<div class="hardwareCouple">
    <div class="title_smart">
        <img src="./img/product/smart/tab1_hw_title.jpg" alt="¿¬µ¿Çϵå¿þ¾î ¹× PDA¼Ö·ç¼Ç">
    </div>

    <div class="couple">
        <ul>
            <li><a href="./buyhwbest.php#scan"><img src="./img/product/etc_bt_s1.jpg" alt="¹ÙÄڵ彺ij³Ê"></a></li>
            <li><a href="./buyhwbest.php#print"><img src="./img/product/etc_bt_s2.jpg" alt="¿µ¼öÁõÇÁ¸°ÅÍ"></a></li>
            <li><a href="./product_pdacm.php"><img src="./img/product/etc_bt_s3.jpg" alt="õ³âPDA CM"></a></li>
            <li><a href="./product_pdawl.php"><img src="./img/product/etc_bt_s4.jpg" alt="õ³âPDA WL"></a></li>
            <li><a href="./product_pdalc.php"><img src="./img/product/etc_bt_s5.jpg" alt="õ³âPDA LC"></a></li>
            <li class="last"><a href="./productinfo.php?cate2_code=01&category_code=03"><img src="./img/product/etc_bt_s6.jpg" alt="õ³â°æ¿µCS"></a></li>
        </ul>
    </div>
</div><!-- //hardwareCouple -->