필수정보

 

 

 

 

 

 

 

 

<style>           

           .select_color button{width:38px; height:38px; border:1px solid #000; border-radius: 38px; cursor:pointer;}    

       </style>

<div class="select_color" style="text-align:center; margin: 0 auto;">

<img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/skin/front/0776another/img/mimg/detail_select_color/text.jpg">

   <div style="margin:0 auto; text-align: center;">

    <button onclick="toggleImg1()" style="background-color: #ffad00; margin-right:20px;"></button>

    <button onclick="toggleImg2()" style="background-color: #a40001; margin-right:20px;"></button>

 <button onclick="toggleImg3()" style="background-color: #000;"></button>

</div><p>&nbsp;</p><p><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231023/Untitled-2_103528.gif" title="Untitled-2_103528.gif" alt="Untitled-2_103528.gif" alt="Untitled-2_103528.gif" class="js-smart-img"></p><p>

<img id="img" src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/skin/front/0776another/img/mimg/detail_select_color/s205/mustard.jpg"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_06_112907.jpg" title="mustard_06_112907.jpg" alt="mustard_06_112907.jpg" alt="mustard_06_112907.jpg" class="js-smart-img"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_07_112911.jpg" title="mustard_07_112911.jpg" alt="mustard_07_112911.jpg" alt="mustard_07_112911.jpg" class="js-smart-img"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231031/mustard_08_133951.gif" title="mustard_08_133951.gif" alt="mustard_08_133951.gif" alt="mustard_08_133951.gif" class="js-smart-img"><br style="clear:both;"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_09_112919.jpg" title="mustard_09_112919.jpg" alt="mustard_09_112919.jpg" alt="mustard_09_112919.jpg" class="js-smart-img"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231019/Burgundy_10_131039.jpg" title="Burgundy_10_131039.jpg" alt="Burgundy_10_131039.jpg" alt="Burgundy_10_131039.jpg" class="js-smart-img"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231016/mustard_11_094528.gif" title="mustard_11_094528.gif" alt="mustard_11_094528.gif" alt="mustard_11_094528.gif" class="js-smart-img"></p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231018/Burgundy_11__175050.gif" title="Burgundy_11__175050.gif" alt="Burgundy_11__175050.gif" alt="Burgundy_11__175050.gif" class="js-smart-img"></p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p><br style="clear:both;"><br style="clear:both;"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_10_112922.jpg" title="mustard_10_112922.jpg" alt="mustard_10_112922.jpg" alt="mustard_10_112922.jpg" class="js-smart-img"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_12_112927.jpg" title="mustard_12_112927.jpg" alt="mustard_12_112927.jpg" alt="mustard_12_112927.jpg" class="js-smart-img"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_13_112931.jpg" title="mustard_13_112931.jpg" alt="mustard_13_112931.jpg" alt="mustard_13_112931.jpg" class="js-smart-img"></p><p><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_14_112935.jpg" title="mustard_14_112935.jpg" alt="mustard_14_112935.jpg" alt="mustard_14_112935.jpg" class="js-smart-img"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_15_112938.jpg" title="mustard_15_112938.jpg" alt="mustard_15_112938.jpg" alt="mustard_15_112938.jpg" class="js-smart-img"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231205/black_16_105401.jpg" title="black_16_105401.jpg" alt="black_16_105401.jpg" alt="black_16_105401.jpg" class="js-smart-img"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231205/black_17_105402.jpg" title="black_17_105402.jpg" alt="black_17_105402.jpg" alt="black_17_105402.jpg" class="js-smart-img"><br style="clear:both;"><img src="https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/editor/goods/231013/mustard_18_112947.jpg" title="mustard_18_112947.jpg" alt="mustard_18_112947.jpg" alt="mustard_18_112947.jpg" class="js-smart-img"><br style="clear:both;">

  </p></div>

  <script>

    function toggleImg1() {

      document.getElementById("img").src = "https://cdn-pro-web-40-6.cdn-nhncommerce.com/boastfit_godomall_com/data/skin/front/0776another/img/mimg/detail_select_color/s205/mustard.jpg";

    }

function toggleImg2() {

      document.getElementById("img").src = "/data/skin/front/0776another/img/mimg/detail_select_color/s205/Burgundy.jpg";

    }

function toggleImg3() {

      document.getElementById("img").src = "/data/skin/front/0776another/img/mimg/detail_select_color/s205/black.jpg";

    }

       </script>