สมาคมเครื่องทำความเย็นไทย

<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <title>สมาคมเครื่องทำความเย็นไทย - Home </title> <meta name="description" content="สมาคมเครื่องทำความเย็นไทย (THAI REFRIGERATION ASSOCIATION) ใช้ตัวย่อคือ TRA ส่งเสริมอุตสาหกรรมเครื่องทำความเย็นไทยให้เป็นผู้นำในอาเซียน."> <meta name="keywords" content="สมาคมเครื่องทำความเย็นไทย, THAI REFRIGERATION ASSOCIATION, TRA, ส่งเสริมอุตสาหกรรมเครื่องทำความเย็นไทยให้เป็นผู้นำในอาเซียน"> <meta name="author" content="HEAD2TOES TECHNOLOGY">  <meta property="og:url" content="https://tra.or.th/" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Clean Air Innovation" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:image" content="https://tra.or.th/public/assets/images/banner.png" />  <meta property="fb:app_id" content="928724301171093" /> <meta property="article:author" content="https://www.facebook.com/cleanairinnovationhvac" /> <meta property="article:publisher"content="https://www.facebook.com/cleanairinnovationhvac" />  <meta name="twitter:title" content="" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image:src" content="https://tra.or.th/public/assets/images/banner.png" /> <meta name="twitter:site" content="" /> <meta name="twitter:creator" content="" /> <meta name="twitter:domain" content="cainnovation.com" /> <meta name="twitter:description" content="" /> <link rel="apple-touch-icon" href="https://tra.or.th/public/assets/images/mobile-icon.png"> <link rel="shortcut icon" type="image/x-icon" href="https://tra.or.th/public/assets/images/favicon.ico"> <link rel="icon" href="https://tra.or.th/public/assets/static/favicon-32x32.png" sizes="32x32"> <link rel="icon" href="https://tra.or.th/public/assets/static/favicon-192x192.png" sizes="192x192"> <link rel="apple-touch-icon-precomposed" href="https://tra.or.th/public/assets/static/favicon-180x180.png"> <link rel="stylesheet" href="https://tra.or.th/public/assets/css/normalize.css"> <link rel="stylesheet" href="https://tra.or.th/public/assets/css/swiper-bundle.min.css"> <link rel="stylesheet" href="https://tra.or.th/public/assets/css/aos.css"> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/select2.min.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/pagination.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/datepicker.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/magnific-popup.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/fresco.css" /> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/sweetalert2.css"> <link rel="stylesheet"href="https://tra.or.th/public/assets/css/styles.css"> <link rel="stylesheet" type="text/css"href="https://tra.or.th/public/assets/css/swiper-bundle.min.css" /> <link rel="stylesheet" type="text/css"href="https://tra.or.th/public/assets/css/aos.css" /> <link rel="stylesheet" href="https://tra.or.th/public/assets/css/style.css?v1743996990"> <link rel="stylesheet" type="text/css"href="https://tra.or.th/public/assets/css/custom.css?v1743996990"> <script> const site_url = url=>{ url = url!=undefined ? url:''; return 'https://tra.or.th/'+url; } </script> <script src="https://tra.or.th/public/assets/js/jquery-3.6.0.min.js"></script> <script src="https://tra.or.th/public/assets/js/lazysizes.min.js"></script> <script src="https://tra.or.th/public/assets/js/swiper-bundle.min.js"></script> <script src="https://tra.or.th/public/assets/js/aos.js"></script> <script src="https://tra.or.th/public/assets/js/select2.min.js"></script> <script src="https://tra.or.th/public/assets/js/pagination.min.js"></script> <script src="https://tra.or.th/public/assets/js/datepicker.js"></script> <script src="https://tra.or.th/public/assets/js/datepicker.th-TH.js"></script> <script src="https://tra.or.th/public/assets/js/magnific-popup.min.js"></script> <script src="https://tra.or.th/public/assets/js/clipboard.min.js"></script> <script src="https://tra.or.th/public/assets/js/social-share.min.js"></script> <script src="https://tra.or.th/public/assets/js/fresco.min.js"></script> <script src="https://tra.or.th/public/assets/js/sweetalert2.min.js"></script> <script src="https://tra.or.th/public/assets/js/scripts.js?v1743996990"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-T9QZW6X9G5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-T9QZW6X9G5'); </script> <script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TXB4BZ5');</script>  </head> <body> <style> .header__logo { /* Logo original */ height: 70% !important; /* Logo 30ปี */ /* height: 80% !important; */ } .header__logo--small{ /* Logo original */ height: 40% !important; /* Logo 30ปี */ /* height: 75% !important; */ } </style> <div class="progress"> <div class="progress__bar"></div> </div> <header class="header js-header-scroll header--scroll"> <div class="header__container"> <div class="header__top js-header-scroll-top header__top--scroll"> <div class="header__top-logo js-header-scroll-top-logo header__top-logo--scroll"> <a href="https://tra.or.th/" class="header__logo header__logo--full hide">    <img src="https://tra.or.th/public/assets/images/logo/logo.png" alt="logo" class="lazyload" width="340" height="100" /> </a> <a href="https://tra.or.th/" class="header__logo header__logo--small hide">    <img src="https://tra.or.th/public/assets/images/logo/logo_short.png" alt="logo" class="lazyload" width="77" height="19" /> </a> </div> <ul class="header__menu"> <li class="header__menu-li header__menu-li--active"> <a href="https://tra.or.th/">หน้าแรก</a> </li> <li class="header__menu-li "> <a href="https://tra.or.th/about-us">เกี่ยวกับเรา</a> </li> <li class="header__menu-li "> <a href="https://tra.or.th/blog">ข่าวสารและบทความ</a> </li> <li class="header__menu-li "> <a href="https://tra.or.th/member">สมาชิกสมาคม</a> </li> <li class="header__menu-li "> <a href="https://tra.or.th/journal">วารสาร</a> </li> <li class="header__menu-li header__menu-li--more header__menu-li--last "> <a href="javascript:void(0)">เพิ่มเติม</a> <div class="header__dropdown-warp"> <div class="header__dropdown"> <ul class="header__menu-mobile-ul header__menu-mobile-ul--dropdown"> <li class=""> <a href="https://tra.or.th/document">เอกสารมาตรฐาน</a> </li> <li class=""> <a href="https://tra.or.th/contact-association">ติดต่อสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/support-association">ผู้สนับสนุนสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/link">ลิงค์ที่เกี่ยวข้อง</a> </li> <li class=""> <a href="https://tra.or.th/privacy">นโยบายความเป็นส่วนตัว</a> </li> <li class="last "> <a href="https://tra.or.th/termandcondition">ข้อกำหนดและเงื่อนไขการใช้งาน</a> </li> </ul> </div> </div> </li> </ul> <div class="header__bottom js-header-scroll-bottom header__bottom--scroll"> <div class="header__lang"> <a href="https://tra.or.th/?lang=th" class="header__lang-text header__lang-text--active">TH</a> <div class="header__lang-text header__lang-text--slash">/</div> <a href="https://tra.or.th/?lang=en" class="header__lang-text ">ENG</a> </div> <img data-src="https://tra.or.th/public/assets/icons/svg/search.svg" alt="" class="header__search lazyload" width="25" height="25" /> </div> <div class="header__hamburger" id="nav-icon"> <span></span> <span></span> <span></span> </div> </div> <div class="header__menu-mobile"> <div class="header__menu-mobile-warp"> <ul class="header__menu-mobile-ul"> <li class="active"> <a href="https://tra.or.th/">หน้าแรก</a> </li> <li class=""> <a href="https://tra.or.th/about-us">เกี่ยวกับเรา</a> </li> <li class=""> <a href="https://tra.or.th/blog">ข่าวสารและบทความ</a> </li> <li class=""> <a href="https://tra.or.th/member">สมาชิกสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/journal">วารสาร</a> </li> <li class=" ""> <a href="javascript:void(0)">เพิ่มเติม</a> <ul class="header__menu-mobile-ul header__menu-mobile-ul-sub"> <li class=""> <a href="https://tra.or.th/document">เอกสารมาตรฐาน</a> </li> <li class=""> <a href="https://tra.or.th/contact-association">ติดต่อสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/support-association">ผู้สนับสนุนสมาคม</a> </li> <li class=""> <a href="https://tra.or.th/link">ลิงค์ที่เกี่ยวข้อง</a> </li> <li class=""> <a href="https://tra.or.th/privacy">นโยบายความเป็นส่วนตัว</a> </li> <li class="last "> <a href="https://tra.or.th/termandcondition">ข้อกำหนดและเงื่อนไขการใช้งาน</a> </li> </ul> </li> <li class="last"> <a href="https://tra.or.th/?lang=th" class="lang active">TH</a> / <a href="https://tra.or.th/?lang=en" class="lang no ">EN</a> </ul> </div> </div> </div> </header> <div id="page"> <section class="section section__banner" id="section__banner"> <div class="banner"> <div class="banner__left"> <div class="banner__left-icon"> <div class="banner__line-top"></div> <a href="https://www.facebook.com/Thai-Refrigeration-Association-1095356593844956/" target="_blank" class="banner__icon"> <img src="https://tra.or.th/public/assets/icons/png/logo_fb@2x.png" alt="logo_facebook" width="51" height="51" /> </a> <a href="https://www.youtube.com/channel/UCYYckSizp_D4uMSjXoDnjEg" target="_blank" class="banner__icon"> <img src="https://tra.or.th/public/assets/icons/png/logo_yt@2x.png" alt="logo_youtube" width="51" height="51" /> </a> <a href="https://line.me/R/ti/p/@thairefrig" target="_blank" class="banner__icon"> <img src="https://tra.or.th/public/assets/icons/png/logo_line@2x.png" alt="logo_line" width="51" height="51" /> </a> <div class="banner__line-bottom"></div> </div> <div class="banner__left-text-warp"id="text-show"></div> </div> <div class="banner__right"> <div class="swiper-container banner__swiper"> <div class="swiper-wrapper" id="slide-api"></div> </div> <div class="swiper-pagination banner__swiper-pagination"></div> <div class="swiper-container banner__swiper-mobile"> <div class="swiper-wrapper" id="slide-mobile-api"></div> </div> <div class="swiper-pagination banner__swiper-pagination-mobile"></div> </div> </div> </section> <script> $(function(){ $(window).on("load resize", function (e) { let width = $(".banner__swiper").width(); let width_mobile = $(".banner__swiper-mobile").width(); $(".banner__swiper").css("height", width * (520 / 1100) + "px"); $(".banner__swiper-mobile").css("height", width_mobile * (520 / 1100) + "px"); }); }) </script> <div class="main">  <section class="section section__normal section__normal--public"> <div class="public"> <div class="headline" data-aos=""> <h1 class="headline__head" data-aos="fade-right" data-aos-duration="1500" data-aos-anchor="section__banner">ข่าวประชาสัมพันธ์</h1> <div class="headline__progress"> <div></div> </div> </div> <div data-aos="fade-right" data-aos-duration="1500"> <div class="swiper-container public__slide"> <div class="swiper-wrapper" id="slide-public-api"> </div> </div> <div class="swiper-pagination public__swiper-pagination-mobile"></div> </div> </div> </section>  <section class="section section__normal section__blog"> <div class="blog"> <div class="headline headline--blog" data-aos=""> <h1 class="headline__head" data-aos="fade-right" data-aos-duration="1500">บทความน่ารู้</h1> <div class="headline__progress"> <div></div> </div> </div>  <div class="blog__content" id="blog-api"> </div>  <div class="blog__content blog__content--mobile"> <div class="swiper-container blog__slide"> <div class="swiper-wrapper" id="blog-mobile-api"> </div> </div> </div> <a href="https://tra.or.th/blog" class="blog__btn">ดูทั้งหมด</a> </div> </section>  <section class="section section__normal"> <div class="ads"> <div class="ads__cover"> <picture> <source media="(max-width:1024px)" data-srcset="https://tra.or.th/public/assets/images/ads/register_association_mobile.png" class="lazyload" > <img data-src="https://tra.or.th/public/assets/images/ads/register_association.png" alt="" class="lazyload" /> </picture> <div class="ads__content"> <div class="ads__head">ดาวน์โหลด<br class="ads__mobile" />ใบสมัครสมาชิกสมาคม</div> <div class="ads__title">เพื่อเข้าร่วมเป็นสมาชิกสมาคม</div> <div class="ads__title">เครื่องปรับอากาศแห่งประเทศไทย ในการขับเคลื่อน</div> <div class="ads__title">อุตสาหกรรมเครื่องทำความเย็นไทย</div> <div class="ads__title ads__title--mobile">เพื่อเข้าร่วมเป็นสมาชิกสมาคม</div> <div class="ads__title ads__title--mobile">เครื่องปรับอากาศแห่งประเทศไทย</div> <a href="https://tra.or.th/public/assets/pdf/ใบสมัครสมาชิกสมาคมเครื่องทำความเย็นไทย.pdf" target="_blank" class="ads__btn">ดาวน์โหลด</a> </div> </div> </div> </section>  <section class="section section__normal section__support"> <div class="support support-normal"> <div class="headline" data-aos=""> <h1 class="headline__head" data-aos="fade-right" data-aos-duration="1500">ผู้สนับสนุนสมาคม</h1> <div class="headline__progress"> <div></div> </div> </div> <div class="support__content support__content--normal"> <a href="https://www.gea.com/en/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-GEA.jpg" alt="" class="lazyload" /> </a> <a href="https://www.carel.co.th/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_15.jpg" alt="" class="lazyload" /> </a> <a href="https://www.qintersupply.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_7@3x.png" alt="" class="lazyload" /> </a> <a href="https://www.kirloskarpumps.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2024-Kirloskar-Pneumatic.png" alt="" class="lazyload" /> </a> <a href="http://en.haiercarrier.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-carrier.jpg" alt="" class="lazyload" /> </a> <a href="https://www.copeland.com/global" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-copeland.jpg" alt="" class="lazyload" /> </a> <a href="https://www.saginomiya.co.jp/en/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_66_6.png" alt="" class="lazyload" /> </a> <a href="https://system-form.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_13.jpg" alt="" class="lazyload" /> </a> <a href="https://www.cisaplast.co.th/th/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2024-cisaplast.png" alt="" class="lazyload" /> </a> <a href="http://www.dixellasia.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_23.jpg" alt="" class="lazyload" /> </a> <a href="https://www.danfoss.com/en/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_11@3x.png" alt="" class="lazyload" /> </a> <a href="http://www.thermedez.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2024-thermedez.png" alt="" class="lazyload" /> </a> <a href="https://www.brenntag.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-emkarate.jpg" alt="" class="lazyload" /> </a> <a href="https://www.patkol.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_19@3x.png" alt="" class="lazyload" /> </a> <a href="https://www.pcchemicallube.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-pclube.jpg" alt="" class="lazyload" /> </a> <a href="https://mayekawa.co.th/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_9@3x.png" alt="" class="lazyload" /> </a> <a href="https://www.unicclimate.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_1.jpg" alt="" class="lazyload" /> </a> <a href="https://www.walterroller.de/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_66_2.png" alt="" class="lazyload" /> </a> <a href="https://www.wtg.co.th/en/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-walltech.jpg" alt="" class="lazyload" /> </a> <a href="http://www.moon-tech.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_65_24.jpg" alt="" class="lazyload" /> </a> <a href="http://worldcool.co.th/th/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-worldcool.jpg" alt="" class="lazyload" /> </a> <a href="https://www.squarepanel.com/index.php/en/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2024-SQU.png" alt="" class="lazyload" /> </a> <a href="https://www.siamcompressor.com/siamcompressor/en" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_20@3x.png" alt="" class="lazyload" /> </a> <a href="https://www.harn.co.th/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/Sponsors2025-harn.jpg" alt="" class="lazyload" /> </a> <a href="https://new.abb.com/th" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_2@3x.png" alt="" class="lazyload" /> </a> <a href="https://scmrefthai.com/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_3@3x.png" alt="" class="lazyload" /> </a> <a href="http://www.aeroflex.co.th/" target="_blank" class="support__cover"> <img data-src="https://tra.or.th/public/assets/images/support/support_66_3.png" alt="" class="lazyload" /> </a> </div> </div> </section> <script> $(function(){ $.ajax({ url: "https://tra.or.th/api/home", type: "GET", dataType: "JSON", data: {}, success(response) { console.log('ll', response); var dataHtmlBanner = ""; var dataHtmlBannerText = ""; var dataHtmlBannerTextMobile = ""; $.each(response.banner, function (index, item) { dataHtmlBanner += '<div class="swiper-slide">'; dataHtmlBanner += '<a href="' + item.slug + '" class="banner__slide" id="slide_banner">'; dataHtmlBanner += '<img src="' + item.image + '" alt="" class="swiper-lazy -custom-style" width="1100" height="520"/>'; dataHtmlBanner += "</a>"; dataHtmlBanner += "</div>"; if (index === 0) { dataHtmlBannerText += '<div class="banner__left-text banner__left-text--desktop" id="text_' + index + '">'; dataHtmlBannerTextMobile += '<div class="banner__left-text banner__left-text--mobile" id="text_mobile_' + index + '">'; } else { dataHtmlBannerText += '<div class="banner__left-text banner__left-text--desktop hide" id="text_' + index + '">'; dataHtmlBannerTextMobile += '<div class="banner__left-text banner__left-text--mobile hide" id="text_mobile_' + index + '">'; } dataHtmlBannerText += `<h1 class="banner__head" style="margin-right: 10px;"><span style="transition-delay: .${parseInt(index + 1)}'s">`; dataHtmlBannerTextMobile += `<h1 class="banner__head" style="margin-right: 10px;"><span style="transition-delay: .${parseInt(index + 1)}'s">`; if(item.head !== null){ var spanHead = item.head.split(" ").join(" </span><span class='banner-header-new-line'>"); spanHead = `<span>${spanHead}</span>`; dataHtmlBannerText += spanHead; dataHtmlBannerTextMobile += spanHead; } dataHtmlBannerText += '</span></h1>'; dataHtmlBannerTextMobile += '</span></h1>'; dataHtmlBannerText += `<h1 class="banner__title" style="margin-right: 10px;"><span style="transition-delay: .${parseInt(index + 1)}'s">`; dataHtmlBannerTextMobile += `<h1 class="banner__title" style="margin-right: 10px;"><span style="transition-delay: .${parseInt(index + 1)}'s">`; if(item.title !== null){ var spanTitle = item.title.split(" ").join(" </span><span class='banner-header-new-line'>"); spanTitle = `<span>${spanTitle}</span>`; dataHtmlBannerText += spanTitle; dataHtmlBannerTextMobile += spanTitle; } dataHtmlBannerText += '</span></h1>'; dataHtmlBannerTextMobile += '</span></h1>'; // const head = item.head; // $.each(head, function (index, item) { // if(item !== null && item !== ''){ // dataHtmlBannerText += '<h1 class="banner__head _text-line-clamp-1"><span style="transition-delay: .' + parseInt(index + 1) + 's">' + item + "</span></h1>"; // dataHtmlBannerTextMobile += '<h1 class="banner__head _text-line-clamp-1"><span style="transition-delay: .' + parseInt(index + 1) + 's">' + item + "</span></h1>"; // } // }); // $.each(item.title, function (index, item) { // if(item !== null && item !== ''){ // dataHtmlBannerText += '<h1 class="banner__title _text-line-clamp-1-nodot"><span style="transition-delay: .' + parseInt(index + 1 + head.length) + 's">' + item + "</span></h1>"; // dataHtmlBannerTextMobile += '<h1 class="banner__title _text-line-clamp-1-nodot"><span style="transition-delay: .' + parseInt(index + 1 + head.length) + 's">' + item + "</span></h1>"; // } // }); dataHtmlBannerText += "</div>"; dataHtmlBannerTextMobile += "</div>"; }); dataHtmlBanner += ""; dataHtmlBannerText += ""; dataHtmlBannerTextMobile += ""; var dataHtmlPublic = ""; $.each(response.public, function (index, item) { dataHtmlPublic += '<div class="swiper-slide">'; dataHtmlPublic += `<div class="public__content" onClick="window.location.href='${item.slug}'">`; dataHtmlPublic += '<div class="public__banner">'; dataHtmlPublic += '<img src="' + item.image + '" alt="" class="swiper-lazy"/>'; dataHtmlPublic += "</div>"; dataHtmlPublic += '<div class="public__des">'; dataHtmlPublic += '<h2 class="public__head -custom-style">' + item.head + "</h2>"; dataHtmlPublic += '<h4 class="public__title -custom-style">' + item.title + "</h4>"; dataHtmlPublic += '<a href="' + item.slug + '" class="public__btn">ดูข้อมูลเพิ่มเติม</a>'; dataHtmlPublic += "</div>"; dataHtmlPublic += "</div>"; dataHtmlPublic += "</div>"; }); dataHtmlPublic += ""; var dataHtmlBlog = ""; $.each(response.blog, function (index, item) { dataHtmlBlog += '<a href="' + item.slug + '" class="blog__row">'; dataHtmlBlog += '<div class="blog__cover">'; dataHtmlBlog += '<img data-src="' + item.image + '" alt="" class="lazyload -custom-style" />'; dataHtmlBlog += "</div>"; dataHtmlBlog += '<div class="blog__detail">'; dataHtmlBlog += '<div class="blog__top">'; dataHtmlBlog += '<h4 class="blog__head">' + item.head + "</h4>"; dataHtmlBlog += '<h5 class="blog__title">' + item.title + "</h5>"; dataHtmlBlog += "</div>"; dataHtmlBlog += '<div class="blog__date">' + item.date + " | " + item.type + "</div>"; dataHtmlBlog += "</div>"; dataHtmlBlog += "</a>"; }); dataHtmlBlog += ""; var dataHtmlBlogMobile = ""; $.each(response.blog, function (index, item) { dataHtmlBlogMobile += '<div class="swiper-slide">'; dataHtmlBlogMobile += '<a href="' + item.slug + '" class="blog__row">'; dataHtmlBlogMobile += '<div class="blog__cover">'; dataHtmlBlogMobile += '<img data-src="' + item.image + '" alt="" class="lazyload -custom-style" />'; dataHtmlBlogMobile += "</div>"; dataHtmlBlogMobile += '<div class="blog__detail">'; dataHtmlBlogMobile += '<div class="blog__top">'; dataHtmlBlogMobile += '<h4 class="blog__head">' + item.head + "</h4>"; dataHtmlBlogMobile += '<h5 class="blog__title">' + item.title + "</h5>"; dataHtmlBlogMobile += "</div>"; dataHtmlBlogMobile += '<div class="blog__date">' + item.date + " | " + item.type + "</div>"; dataHtmlBlogMobile += "</div>"; dataHtmlBlogMobile += "</a>"; dataHtmlBlogMobile += "</div>"; }); dataHtmlBlogMobile += ""; var dataHtmlJournal = ""; $.each(response.journal, function (index, item) { if (index <= 1) { dataHtmlJournal += '<div class="journal__row journal__row--mobile">'; } else { dataHtmlJournal += '<div class="journal__row">'; } dataHtmlJournal += '<div class="journal__detail">'; dataHtmlJournal += '<a href="' + item.slug + '" class="journal__cover">'; dataHtmlJournal += '<img data-src="' + item.image + '" alt="" class="lazyload" />'; dataHtmlJournal += "</a>"; dataHtmlJournal += '<h4 class="journal__head">' + item.head + "</h4>"; dataHtmlJournal += '<h5 class="journal__title">' + item.title + "</h5>"; dataHtmlJournal += "</div>"; dataHtmlJournal += '<div class="journal__download">ดาวน์โหลด</div>'; dataHtmlJournal += "</div>"; }); dataHtmlJournal += ""; $("#slide-api").append(dataHtmlBanner); $("#text-show").html(dataHtmlBannerText + dataHtmlBannerTextMobile); $("#slide-mobile-api").append(dataHtmlBanner); $("#slide-public-api").append(dataHtmlPublic); $("#blog-api").append(dataHtmlBlog); $("#blog-mobile-api").append(dataHtmlBlogMobile); $("#journal-api").append(dataHtmlJournal); $("#page").removeClass("hide"); $("#loading-page").addClass("hide"); $("#loading").removeClass("active"); setTimeout(() => { $("#text_0 .banner__head").addClass("show-js"); $("#text_0 .banner__title").addClass("show-js"); $("#text_mobile_0 .banner__head").addClass("show-js"); $("#text_mobile_0 .banner__title").addClass("show-js"); }, 200); var swiperBanner = new Swiper(".banner__swiper", { direction: "vertical", speed: 1000, autoplay: { delay: 5000, disableOnInteraction: false, }, loop: true, lazy: true, pagination: { el: ".banner__swiper-pagination", clickable: true, }, }); var swiperBannerMobile = new Swiper(".banner__swiper-mobile", { speed: 1000, autoplay: { delay: 5000, disableOnInteraction: false, }, loop: true, lazy: true, pagination: { el: ".banner__swiper-pagination-mobile", clickable: true, }, }); var swiper = new Swiper(".public__slide", { speed: 1000, autoplay: { delay: 5000, disableOnInteraction: false, }, spaceBetween: 10, loop: true, lazy: true, pagination: { el: ".public__swiper-pagination-mobile", clickable: true, }, }); var swiper = new Swiper(".blog__slide", { speed: 1000, autoplay: { delay: 5000, disableOnInteraction: false, }, loop: true, lazy: true, slidesPerView: "auto", spaceBetween: -10, breakpoints: { 451: { spaceBetween: -35, }, }, }); swiperBanner.on("transitionStart", function () { $(".banner__left-text--desktop .banner__head").removeClass("show-js"); $(".banner__left-text--desktop .banner__title").removeClass("show-js"); $(".banner__left-text--desktop").addClass("hide"); $("#text_" + swiperBanner.realIndex).removeClass("hide"); setTimeout(() => { $("#text_" + swiperBanner.realIndex + " .banner__head").addClass( "show-js" ); $("#text_" + swiperBanner.realIndex + " .banner__title").addClass( "show-js" ); }, 200); }); swiperBannerMobile.on("transitionStart", function () { $(".banner__left-text--mobile .banner__head").removeClass("show-js"); $(".banner__left-text--mobile .banner__title").removeClass("show-js"); $(".banner__left-text--mobile").addClass("hide"); $("#text_mobile_" + swiperBannerMobile.realIndex).removeClass("hide"); setTimeout(() => { $( "#text_mobile_" + swiperBannerMobile.realIndex + " .banner__head" ).addClass("show-js"); $( "#text_mobile_" + swiperBannerMobile.realIndex + " .banner__title" ).addClass("show-js"); }, 200); }); let width = $(".banner__swiper").width(); let width_mobile = $(".banner__swiper-mobile").width(); $(".banner__swiper").css("height", width * (520 / 1100) + "px"); $(".banner__swiper-mobile").css( "height", width_mobile * (520 / 1100) + "px" ); }, error(e) { console.log("e", e); }, }); }) </script> </div> <footer class="footer"> <div class="footer__detail"> <div class="footer__warp"> <div class="footer__row footer__row--1"> <h4 class="footer__head">ที่อยู่สมาคม</h4> <h5 class="footer__title footer__title--bold">สมาคมเครื่องทำความเย็นไทย</h5> <p class="footer__title footer__title--light">487 อาคารวิศวกรรมสถานแห่งประเทศไทย <br />ในพระบรมราชูปถัมภ์ (วสท.) ชั้น 3<br /> ซ.รามคำแหง 39 (เทพลีลา 1) ถ.รามคำแหง <br />แขวงพลับพลา เขตวังทองหลาง กรุงเทพฯ 10310</p> <a href="https://maps.app.goo.gl/THD3vMHzJA7teMDr5" target="_blank" class="footer__map">ดูแผนที่ Google Maps</a> </div> <div class="footer__row footer__row--2"> <h4 class="footer__head">ช่องทางติดต่อ</h4> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/svg/footer_tel.svg" alt="" class="lazyload" width="50" height="50" /> <a href="tel:+66 2 184 4618" class="footer__title footer__title--bold">02 184 4618</a> </div> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/svg/footer_fax.svg" alt="" class="lazyload" width="50" height="50" /> <a href="tel:+66 2 184 4619" class="footer__title footer__title--bold">02 184 4619</a> </div> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/svg/footer_email.svg" alt="" class="lazyload" width="50" height="50" /> <a href="mailto:info@tra.or.th" class="footer__title footer__title--bold">info@tra.or.th</a> </div> <h5 class="footer__title footer__title--bold footer__title--open">เวลาเปิดทำการ จันทร์-ศุกร์ 09:00 - 17:00 น.</h5> </div> <div class="footer__row footer__row--3"> <h4 class="footer__head">ติดตามเรา</h4> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/png/logo_fb.png" alt="" class="lazyload" width="50" height="50" /> <a href="https://www.facebook.com/Thai-Refrigeration-Association-1095356593844956/" target="_blank" class="footer__title footer__title--bold">Facebook</a> </div> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/png/logo_yt.png" alt="" class="lazyload" width="50" height="50" /> <a href="https://www.youtube.com/channel/UCYYckSizp_D4uMSjXoDnjEg" target="_blank" class="footer__title footer__title--bold">Youtube</a> </div> <div class="footer__contact"> <img data-src="https://tra.or.th/public/assets/icons/png/logo_line.png" alt="" class="lazyload" width="50" height="50" /> <a href="https://line.me/R/ti/p/@thairefrig" target="_blank" class="footer__title footer__title--bold">Line @</a> </div> </div> </div> </div> <div class="footer__copyright"> <img src="https://tra.or.th/public/assets/images/footer/bg.png" alt="" width="1920" height="150" /> <div class="footer__copyright-content"> <p class="footer__subtitle">สถิติการเช้าชมเว็บไซต์ 201,863 คน </p> <p class="footer__subtitle">Copyrights © 2002 - 2024 Thai Refrigeration Association<br class="footer__br" /> All Rights Reserved by <a href="https://www.head2toes.co.th/" target="_blank">HEAD2TOES TECHNOLOGY.</a></p> </div> </div> <div class="fb-customerchat" page_id="1095356593844956" theme_color="#0084FF"></div> <svg id="fb-messanger-fake-button" width="60px" height="60px" viewBox="0 0 60 60" cursor="pointer"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g> <circle fill="#0084FF" cx="30" cy="30" r="30"></circle><svg x="10" y="10"> <g transform="translate(0.000000, -10.000000)" fill="#FFFFFF"> <g id="logo" transform="translate(0.000000, 10.000000)"> <path d="M20,0 C31.2666,0 40,8.2528 40,19.4 C40,30.5472 31.2666,38.8 20,38.8 C17.9763,38.8 16.0348,38.5327 14.2106,38.0311 C13.856,37.9335 13.4789,37.9612 13.1424,38.1098 L9.1727,39.8621 C8.1343,40.3205 6.9621,39.5819 6.9273,38.4474 L6.8184,34.8894 C6.805,34.4513 6.6078,34.0414 6.2811,33.7492 C2.3896,30.2691 0,25.2307 0,19.4 C0,8.2528 8.7334,0 20,0 Z M7.99009,25.07344 C7.42629,25.96794 8.52579,26.97594 9.36809,26.33674 L15.67879,21.54734 C16.10569,21.22334 16.69559,21.22164 17.12429,21.54314 L21.79709,25.04774 C23.19919,26.09944 25.20039,25.73014 26.13499,24.24744 L32.00999,14.92654 C32.57369,14.03204 31.47419,13.02404 30.63189,13.66324 L24.32119,18.45264 C23.89429,18.77664 23.30439,18.77834 22.87569,18.45674 L18.20299,14.95224 C16.80079,13.90064 14.79959,14.26984 13.86509,15.75264 L7.99009,25.07344 Z"> </path> </g> </g> </svg> </g> </g> </svg> </footer> <div class="pdpa" id="pdpa"> <div class="pdpa__content"> <img src="https://tra.or.th/public/assets/icons/png/lock.png" alt="" class="pdpa__icon" width="100" height="114"/> <div class="pdpa__detail"> <p class="pdpa__head">เว็บไซต์นี้ใช้คุกกี้</p> <p class="pdpa__title">เราใช้คุกกี้เพื่อนำเสนอเนื้อหาและโฆษณาที่ท่านอาจสนใจ เพื่อให้ท่านได้รับประสบการณ์ที่ดียิ่งขึ้น คลิกเพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้คุกกี้ของเราผ่านทาง <a href="https://tra.or.th/privacy#cookie" target="_blank">‘นโยบายคุกกี้’</a> และ <a href="https://tra.or.th/privacy" target="_blank">‘นโยบายความเป็นส่วนตัว’</a></p> </div> <div class="pdpa__btn-group"> <div class="pdpa__btn pdpa__btn--confirm" id="confirm-pdpa">ตกลง</div> </div> </div> </div> </div> <div class="loader-tra-full hide" id="loading-page"> <div class="loader-tra" id="loading"></div> </div> <script> $(function(){ // $("#page").addClass("hide"); // $("#loading-page").removeClass("hide"); // $("#loading").addClass("active"); var uriSeg1 = ''; // console.log(uriSeg1) let header = $(".js-header-scroll"); (header_top = $(".js-header-scroll-top")), (header_top_logo = $(".js-header-scroll-top-logo")), (logo_full = $(".header__logo--full")), (logo_small = $(".header__logo--small")), (header_bottom = $(".js-header-scroll-bottom")), (scroll = $(window).scrollTop()); if(uriSeg1 !== ''){ header.addClass("header--scroll"); header_top.addClass("header__top--scroll"); header_top_logo.addClass("header__top-logo--scroll"); logo_full.addClass("hide"); logo_small.removeClass("hide"); header_bottom.addClass("header__bottom--scroll"); } $(window).on("load scroll", function (e) { let header = $(".js-header-scroll"); (header_top = $(".js-header-scroll-top")), (header_top_logo = $(".js-header-scroll-top-logo")), (logo_full = $(".header__logo--full")), (logo_small = $(".header__logo--small")), (header_bottom = $(".js-header-scroll-bottom")), (scroll = $(window).scrollTop()); if (scroll >= 10) { header.addClass("header--scroll"); header_top.addClass("header__top--scroll"); header_top_logo.addClass("header__top-logo--scroll"); logo_full.addClass("hide"); logo_small.removeClass("hide"); header_bottom.addClass("header__bottom--scroll"); } else { if(uriSeg1 === ''){ header.removeClass("header--scroll"); header_top.removeClass("header__top--scroll"); header_top_logo.removeClass("header__top-logo--scroll"); logo_full.removeClass("hide"); logo_small.addClass("hide"); header_bottom.removeClass("header__bottom--scroll"); } } }); var clipboard = new ClipboardJS("#copy"); AOS.init({ once: true, // startEvent: "load", }); }) </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXB4BZ5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </body> <script src="https://tra.or.th/public/assets/js/script.js?v1743996990"></script>  </html>

CINXE.COM

สมาคมเครื่องทำความเย็นไทย - Home