CINXE.COM
TORAY
<!DOCTYPE html> <html lang="th"> <head> <!-- www.toray.co.th に対する OneTrust Cookie 同意通知の始点 --> <script type="text/javascript" src="https://cdn-au.onetrust.com/consent/cfddcc42-50b7-463a-96b8-654de65bb980/OtAutoBlock.js"></script> <script src="https://cdn-au.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="cfddcc42-50b7-463a-96b8-654de65bb980"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- www.toray.co.th に対する OneTrust Cookie 同意通知の終点 --> <!-- Google Tag Manager --> <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-TF6P7SZ');</script> <!-- End Google Tag Manager --> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0" /> <meta name="format-detection" content="telephone=no" /> <meta name="format-detection" content="email=no" /> <title>TORAY</title> <meta name="description" content="Contributing to society through the creation of new value with innovative ideas, technologies and products." /> <link rel="apple-touch-icon" href="//www.toray.com/apple-touch-icon.png" /> <link rel="canonical" href="https://www.toray.co.th/th/" /> <link rel="alternate" href="https://www.toray.co.jp/" hreflang="ja" /> <link rel="alternate" href="https://www.toray.us/" hreflang="en-us" /> <link rel="alternate" href="https://www.toray.com.br/" hreflang="pt-br" /> <link rel="alternate" href="https://www.toray.com.br/en/" hreflang="en-br" /> <link rel="alternate" href="https://www.toray.eu/" hreflang="en" /> <link rel="alternate" href="https://www.toray.eu/de/" hreflang="de" /> <link rel="alternate" href="https://www.toray.eu/fr/" hreflang="fr" /> <link rel="alternate" href="https://www.toray.co.id/" hreflang="id" /> <link rel="alternate" href="https://www.toray.co.id/en/" hreflang="en-id" /> <link rel="alternate" href="https://www.toray.co.th/" hreflang="th" /> <link rel="alternate" href="https://www.toray.co.th/en/" hreflang="en-th" /> <link rel="alternate" href="https://www.toray.com.my/" hreflang="en-my" /> <link rel="alternate" href="https://www.toray.in/" hreflang="en-in" /> <link rel="alternate" href="https://www.toray.cn/" hreflang="zh" /> <link rel="alternate" href="https://www.toray.kr/" hreflang="ko" /> <link rel="alternate" href="https://www.toray.com.tw/" hreflang="zh-tw" /> <link rel="alternate" href="https://www.toray.com/" hreflang="x-default" /> <link rel="preload" href="/th/shared/fonts/svgicon.woff?a8ryc2" as="font" crossorigin="" /> <link rel="stylesheet" href="/th/shared/css/common.css" /> <script src="/th/shared/js/jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="/th/shared/components/swiper/swiper.min.css" /> <link rel="stylesheet" href="/th/news/css/news.css" /> <script> if(window.location.host === "review2.cmsod.jp") { async function poll(url) { console.log(url,"url"); while (true) { try { await new Promise((resolve, _) => setTimeout(resolve, 300000)); // 5分待機 result = await fetch(url, {cache: 'no-store'}); console.log(result,"result"); } catch (e) {} } } poll('/favicon.ico'); } </script></head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TF6P7SZ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- skipLink --> <ul id="skipLink"> <li><a href="#contents">Jump to main content</a></li> <li><a href="#globalNav">Jump to Global Navigation</a></li> </ul> <!-- /skipLink --> <!-- ===== header ====== --> <header class="ly_header inc_th_header"> <div class="inner"> <div class="logo"> <div class="groupLogo"><a href="/th/"><img src="/th/shared/images/toray_logo.svg" alt="'TORAY'Innovation by Chemistry" /></a></div> <div class="siteLogo"><a href="/th/" aria-label="Back to TOP"><img src="/th/shared/images/header_site_logo.svg" alt="" /></a></div> <button type="button" class="spMenuBtn" id="headerSpMenuBtn" aria-expanded="false" aria-controls="headerSiteFunctions" aria-label="Mobile Menu"><i></i></button> <button type="button" class="spRegionBtn" id="headerSpRegionBtn" aria-expanded="false" aria-controls="headerSearchDialog" aria-label="COUNTRY / REGION"><i></i></button> </div> <!-- siteFunctions --> <div class="siteFunctions" id="headerSiteFunctions"> <div class="drawer"> <!-- searchDialog --> <div class="headerToolDialog" id="headerSearchDialog" role="dialog" aria-labelledby="headerSpRegionBtn" aria-hidden="true"> <div class="searchSet inner"> <div class="mf_finder_container"> <mf-search-box submit-text="" ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/8fdb83a4/search" serp-url="/th/search_result.html" imgsize-default="3" doctype-hidden="" options-hidden=""> </mf-search-box> </div> <button type="button" aria-label="Close" class="close"></button> </div> </div> <div class="funcBtns"> <div class="inner"> <div class="langSelect"> <a href="javascript:;" class="is_current">TH</a><a href="/th/en/">EN</a> </div> <button type="button" class="regionOpen" aria-expanded="false" aria-controls="headerRegionDialog" aria-label="COUNTRY / REGION"></button> <button type="button" class="searchOpen" aria-expanded="false" aria-controls="headerSearchDialog" aria-label="Search Dialog"></button> </div> </div> <div class="contactLink"> <a href="" target="_blank" onclick="MainComponent.contactLink('t010'); return false;">CONTACT US</a> </div> </div><!-- /drawer --> </div><!-- /siteFunctions --> </div><!-- /inner --> <!-- headerRegionDialog --> <div class="headerToolDialog" id="headerRegionDialog" role="dialog" aria-hidden="true"> <div class="selectRegion inner"> <p class="regionHead">COUNTRY / REGION</p> <div class="regionWrap"> <div class="region"> <p class="heading">GLOBAL</p> <table class="country"> <tbody><tr> <th>GLOBAL</th> <td><a href="https://www.toray.com/" target="_blank">English</a></td> </tr> </tbody></table> </div> <div class="region"> <p class="heading">ASIA</p> <table class="country"> <tbody><tr> <th>JAPAN</th> <td><a href="https://www.toray.co.jp/">日本語</a></td> </tr> <tr> <th>CHINA</th> <td><a href="https://www.toray.cn/" target="_blank">中文</a></td> </tr> <tr> <th>KOREA</th> <td><a href="https://www.toray.kr/" target="_blank">한국어</a></td> </tr> <!--<tr> <th>TAIWAN</th> <td><a href="https://www.toray.com.tw/" target="_blank">中文</a></td> </tr>--> <tr> <th>INDONESIA</th> <td> <a href="https://www.toray.co.id/" target="_blank">Indonesia</a> <a href="https://www.toray.co.id/en/" target="_blank">English</a> </td> </tr> <tr> <th>THAILAND</th> <td> <a href="https://www.toray.co.th/" target="_blank">ไทย</a> <a href="https://www.toray.co.th/en/" target="_blank">English</a> </td> </tr> <tr> <th>MALAYSIA</th> <td><a href="https://www.toray.com.my/" target="_blank">English</a></td> </tr> <tr> <th>INDIA</th> <td><a href="https://www.toray.in/" target="_blank">English</a></td> </tr> </tbody></table> </div> <div class="region"> <p class="heading">THE AMERICAS</p> <table class="country"> <tbody><tr> <th>UNITED STATES</th> <td><a href="https://www.toray.us/" target="_blank">English</a></td> </tr> <tr> <th>SOUTH AMERICA</th> <td> <a href="https://www.toray.com.br/" target="_blank">português</a> <a href="https://www.toray.com.br/en/" target="_blank">English</a> </td> </tr> </tbody></table> </div> <div class="region"> <p class="heading">EUROPE</p> <table class="country"> <tbody><tr> <th>EUROPE</th> <td><a href="https://www.toray.eu/" target="_blank">English</a></td> </tr> <tr> <th></th> <td><a href="https://www.toray.eu/de/" target="_blank">German</a></td> </tr> <tr> <th></th> <td><a href="https://www.toray.eu/fr/" target="_blank">French</a></td> </tr> </tbody></table> </div> </div> <button type="button" aria-label="Close" class="close"><i>Close</i></button> </div> </div> </header> <!-- ===== /header ====== --> <!-- ===== globalNav ====== --> <nav id="globalNav" class="ly_globalNav inc_th_globalnav"> <ul class="menuLv1"> <li class="parent"><a href="/th/thai/" data-path="thai">กลุ่มโทเรในประเทศไทย</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/th/thai/">กลุ่มโทเรในประเทศไทย </a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/th/thai/greeting/">สารจากประธานกรรมการ <br />บริษัท โทเรอินดัสตรีส์ (ประเทศไทย) จำกัด</a></li> <li><a href="/th/thai/history/">ประวัติความเป็นมา</a></li> <li><a href="/th/thai/business/">ภาพรวมธุรกิจในประเทศไทย</a></li> <li><a href="/th/thai/network/">กลุ่มบริษัทโทเรในประเทศไทย</a></li> </ul> </div> </div> </div> </li> <li class="parent"><a href="/th/csr/" data-path="csr">ซีเอสอาร์ในประเทศไทย</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/th/csr/">ซีเอสอาร์ในประเทศไทย</a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/th/csr/csr_002.html">แนวทางปฏิบัติซีเอสอาร์</a></li> <li><a href="/th/csr/csr_001.html">รณรงค์นโยบายซีเอสอาร์</a></li> <li><a href="/th/csr/procurement/">การจัดซื้อจัดจ้างตามแนวทางซีเอสอาร์</a></li> <li><a href="/th/csr/csr_003.html">กิจกรรมซีเอสอาร์</a></li> <li><a href="https://www.ttsf.or.th/">มูลนิธิโทเรเพื่อการส่งเสริมวิทยาศาสตร์ประเทศไทย</a></li> </ul> </div> </div> </div> </li> <li class="noChild"><a href="/th/career/" data-path="career">ร่วมงานกับเรา</a></li> <li class="parent"><a href="/th/products/" data-path="products">ภาพรวมธุรกิจของโทเร</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/th/products/">ภาพรวมธุรกิจของโทเร</a></div> <div class="menus -flex -products"> <ul class="menuLv2"> <li><a href="/th/products/search/">ค้นหาผลิตภัณฑ์</a></li> <li><a href="/th/products/link/">เว็บไซต์ธุรกิจและแบรนด์</a></li> </ul> <ul class="menuLv2"> <li><a href="/th/products/fibers/">เส้นใย</a></li> <li><a href="/th/products/textiles/">สิ่งทอ</a></li> <li><a href="/th/products/apparel/">ผลิตภัณฑ์ตัดเย็บ</a></li> <li><a href="/th/products/resins/">เรซิน</a></li> <li><a href="/th/products/chemicals/">สารเคมี</a></li> <li><a href="/th/products/films/">ฟิล์ม</a></li> </ul> <ul class="menuLv2"> <li><a href="/th/products/electronics/">วัสดุอิเล็กทรอนิกส์และข้อมูล</a></li> <li><a href="/th/products/carbon-fiber/">วัสดุเชิงประกอบเส้นใยคาร์บอน</a></li> <li><a href="/th/products/water-environment/">การบำบัดน้ำและสิ่งแวดล้อม</a></li> <li><a href="/th/products/engineering/">วิศวกรรม</a></li> <li><a href="/th/products/pharmaceuticals-medical/">ยาและผลิตภัณฑ์ทางการแพทย์</a></li> </ul> <ul class="menuLv2"> <li><span class="subHeading"><Special Content></span></li> <!--<li><a href="/th/greeninnovation/">Green Innovation</a></li>--> <!--<li><a href="/th/lifeinnovation/">Life Innovation</a></li>--> <li><a href="https://www.automotive.toray/" target="_blank">AUTOMOTIVE SOLUTION</a></li> <!--<li><a href="/th/toray/">รอบ ๆ ตัวกับโทเร</a></li>--> </ul> </div> </div> </div> </li> <li class="parent"><a href="/th/technology/" data-path="technology">การวิจัยและพัฒนา</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/th/technology/">การวิจัยและพัฒนา</a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/th/technology/cto.html">ข้อความจาก CTO</a></li> <li><a href="/th/technology/policy.html">นโยบายพื้นฐาน</a></li> <li><a href="/th/technology/strengths.html">การวิจัยและพัฒนาโดยใช้จุดแข็งร่วมของเรา</a></li> </ul> </div> </div> </div> </li> <li class="parent"><a href="/th/aboutus/" data-path="aboutus">เกี่ยวกับโทเร</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/th/aboutus/">เกี่ยวกับโทเร</a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/th/aboutus/message.html">สารจากประธานกรรมการ</a></li> <li class="parent"><a href="/th/aboutus/outline.html">โปรไฟล์องค์กร</a> <ul class="menuLv3"> <li><a href="/th/aboutus/outline.html">อุตสาหกรรมโทเร</a></li> <li><a href="/th/aboutus/brand.html">สัญลักษณ์ของบริษัท</a></li> </ul> </li> <li><a href="/th/aboutus/philosophy.html">ปรัชญาโทเร</a></li> <li><a href="/th/aboutus/history/">ประวัติความเป็นมา</a></li> <li><a href="/th/aboutus/visual/">โฆษณาทางโทรทัศน์</a></li> </ul> </div> </div> </div> </li> <li class="noChild"><a href="/th/news/" data-path="news">ข่าวสาร</a></li> </ul><!-- /menuLv1 --> </nav> <!-- ===== /globalNav ====== --> <!-- ===== contents ====== --> <main class="ly_mainContents" id="contents"> <div class="ly_container"> <div class="uq_topSlider"> <div class="ly_inner"> <div class="kvElem"> <h1 class="heading">MATERIALS CHANGE OUR LIVES</h1> <p class="btn"><a href="/th/overview/" class="el_btn -wide">Toray at a glance</a></p> </div> </div> <div class="swiper-container kvSlider"> <ul class="swiper-wrapper"> <li class="swiper-slide item -item1"> <div class="clip"> <picture> <source media="(max-width: 767px)" srcset="./images/index_kv_01_sp.webp"></source> <source media="(min-width: 768px)" srcset="./images/index_kv_01.webp"></source> <img srcset="./images/index_kv_01.jpg" alt="" /> </picture> </div> </li> </ul> </div> </div> </div><!-- /ly_container--> <div class="ly_container"> <div class="ly_inner"> <!-- <div class="bl_newsImportant"> <dl> <dt>Notification</dt> <dd> <ul class="el_discList"> <li class="rt_bn_news_important_notices"><a href="/global/aboutus/information/inf200612.html" target="_blank" class="_iconWindow">The Toray Group's Response to the COVID-19 Pandemic</a></li> </ul> </dd> </dl> </div> --> <div class="bl_sectionHeading _mt0"> <h2 class="heading">News</h2> </div> <form id="dataFilterForm" action=""> <!-- APIリクエスト設定 --> <!-- js_getCreateType: [list] or [article] --> <input type="hidden" id="js_getCreateType" value="list" /> <input type="hidden" id="js_limit" value="5" /> <input type="hidden" id="js_setFilter" data-type="index" /> <input type="hidden" class="initParam" name="language" value="TH" checked="" /> <input type="hidden" class="initParam" name="region" value="THAILAND" checked="" /> <div id="dataListBody" class="bl_cardUnit -col4 -newslist -nothumb"> <!-- === ここにAPIレスポンスが書き出されます ===--> </div> <!-- loading --> <div class="bl_loading" id="js_newsloading" role="presentation" aria-hidden="true"> <div class="cv-spinner"> <span class="spinner"></span> </div> </div> <!-- /loading --> </form> <div class="bl_btnWrap"> <a class="el_btn -wide" href="/th/news/">News</a> </div> </div> </div><!-- /ly_container--> <div class="ly_container -typeA uq_topGlance"> <div class="ly_inner"> <div class="bl_sectionHeading _mt0"> <h2 class="heading">Toray at a glance</h2> </div> <div class="outline"> <p>นี่คือภาพรวมของ Toray ผู้ผลิตวัสดุที่ให้บริการวัสดุที่ทันสมัยและสนับสนุนนวัตกรรมทั่วโลกอย่างต่อเนื่อง</p> <img class="lazyload" data-src="/th/images/index_glance_sp.png" alt="" aria-hidden="true" /> <div class="bl_btnWrap"> <a class="el_btn -wide" href="/th/overview/">Toray at a glance</a> </div> </div> </div> </div><!-- /ly_container--> <div class="ly_container -typeA _mtSection"> <div class="ly_inner"> <div class="uq_topSustainability"> <div class="susHeading"> <div class="bl_sectionHeading _mt0"> <h2 class="heading">ความยั่งยืน</h2> </div> <p>เรากำหนดให้เป็นภารกิจของเราในการนำเสนอเทคโนโลยีที่เป็นนวัตกรรมและวัสดุขั้นสูงที่มอบโซลูชันที่แท้จริงสำหรับความท้าทายที่โลกต้องเผชิญอยู่ด้วยการพัฒนาที่สมดุลและมีความยั่งยืน</p> </div> <img class="susLogo" src="images/index_01.png" alt="" aria-hidden="true" /> </div> <h2 class="bl_headingLv2">มุมมองโลกสี่ประการตามที่ Toray Group จินตนาการไว้ในปี 2050</h2> <div class="bl_cardUnit -col4"> <div class="bl_card"> <figure class="cardImg"> <img class="lazyload" data-src="images/future_01.png" alt="" /> </figure> <div class="cardBody"> <p class="desc _fwB _alignC">โลกที่มีการปล่อยก๊าซเรือนกระจกสุทธิเป็นศูนย์ ซึ่งการปล่อยก๊าซเรือนกระจกจะถูกลบล้างด้วยการดูดซับโดยสิ้นเชิง</p> </div> </div> <div class="bl_card"> <figure class="cardImg"> <img class="lazyload" data-src="images/future_02.png" alt="" /> </figure> <div class="cardBody"> <p class="desc _fwB _alignC">โลกที่มีการจัดการทรัพยากรอย่างยั่งยืน</p> </div> </div> <div class="bl_card"> <figure class="cardImg"> <img class="lazyload" data-src="images/future_03.png" alt="" /> </figure> <div class="cardBody"> <p class="desc _fwB _alignC">โลกที่มีสภาพแวดล้อมทางธรรมชาติที่ได้รับการฟื้นฟู มีน้ำและอากาศที่สะอาดสำหรับทุกคน</p> </div> </div> <div class="bl_card"> <figure class="cardImg"> <img class="lazyload" data-src="images/future_04.png" alt="" /> </figure> <div class="cardBody"> <p class="desc _fwB _alignC">โลกที่ทุกคนมีสุขภาพที่ดีและสุขอนามัยที่ดี</p> </div> </div> </div> <div class="bl_btnWrap"> <a class="el_btn -wide -blank" href="https://www.toray.com/global/sustainability/" target="_blank">ความยั่งยืน</a> </div> </div> </div><!-- /ly_container--> <div class="ly_container"> <div class="ly_inner"> <div class="uq_topGroupMap"> <div class="bl_sectionHeading _mt0"> <h2 class="heading">กลุ่มโทเรในประเทศไทย</h2> </div> <div class="uq_topMapBlock"> <img class="lazyload" data-src="images/index_map_bg.jpg" alt="" /> </div> <div class="bl_box"> <div class="bl_grid -col3"> <div class="grid"><img src="images/banner_03.jpg" alt="" /></div> <a class="grid" href="ttt/" target="_blank"><img src="images/banner_01.jpg" alt="" /></a> <a class="grid" href="tts/" target="_blank"><img src="images/banner_04.jpg" alt="" /></a> <a class="grid" href="tith/" target="_blank"><img src="images/banner_06.jpg" alt="" /></a> <a class="grid" href="https://www.carbonmagic.com/cmth/th/" target="_blank"><img src="images/banner_02.jpg" alt="" /></a> <a class="grid" href="tppt/" target="_blank"><img src="images/banner_05.jpg" alt="" /></a> <div class="grid"><img src="images/banner_07.jpg" alt="" /></div> <div class="grid"><img src="images/banner_08.jpg" alt="" /></div> <a class="grid" href="https://www.cbt-thai.com/?page_id=1088&lang=th" target="_blank"><img src="images/banner_09.jpg" alt="" /></a> </div> </div> <p class="btn"><a href="thai/">กลุ่มโทเรในประเทศไทย</a></p> </div> </div> </div><!-- /ly_container--> </main> <!-- ===== /contents ====== --> <!-- ===== footer ====== --> <footer class="ly_footer inc_th_footer"> <div class="ly_inner"> <ul class="footLinks"> <li><a href="/th/common/terms.html">ข้อกำหนดการใช้งาน</a></li> <li><a href="/th/common/privacy.html">นโยบายความเป็นส่วนตัว</a></li> <li><a href="/th/common/cookie.html">นโยบายคุกกี้ของ</a></li> <li><a href="/th/common/sitemap.html">แผนผังเว็บไซต์</a></li> </ul> <div class="sns"><span>TORAY official SNS</span><a class="youtube" href="https://www.youtube.com/c/TORAYchannel" target="_blank"><img src="/th/shared/images/icon_yt.png" alt="youtube" /></a><a class="linkedin" href="https://www.linkedin.com/company/toray-industries-inc-/" target="_blank"><img src="/th/shared/images/icon_linkedin.png" alt="linkedin" /></a></div> <p id="groupLogo"><img src="/th/shared/images/toray_group_logo.svg" alt="Toray Group" /></p> <p id="copyright">COPYRIGHT TORAY INDUSTRIES, INC.</p> </div> </footer> <!-- ===== /footer ====== --> <p id="pagetop" class="pagetop" role="presentation" aria-label="Back to TOP"><a href=""></a></p> <script src="/th/shared/js/plugins.js"></script> <script src="/th/shared/js/base.js"></script> <script src="https://unpkg.com/microcms-js-sdk@latest/dist/umd/microcms-js-sdk.js"></script> <script src="/th/news/js/news.js"></script> <script src="/th/shared/components/swiper/swiper.min.js"></script> <script> // TOP Page KV (function(){ var target = $('.kvSlider .swiper-wrapper'), kvSliderItems = "", maxNum = 8, playNum = Math.floor(Math.random()*(maxNum)), classShow = 'is_show'; // Odd if(playNum % 2 === 0){ playNum = playNum + 1; } // Random DOM setting for(var i = 0; i < maxNum; i++){ if(playNum === maxNum + 1){ playNum = 1; } if($UA.isIE || $UA.isMacSafari){ kvSliderItems +='\ <li class="swiper-slide item -item'+ playNum +'">\n\ <div class="clip">\n\ <picture>\n\ <source media="(max-width: 767px)" srcset="./images/index_kv_0'+ playNum +'_sp.jpg">\n\ <source media="(min-width: 768px)" srcset="./images/index_kv_0'+ playNum +'.jpg">\n\ <img src="./images/index_kv_0'+ playNum +'.jpg" alt="">\n\ </picture>\n\ </div>\n\ </li>\n'; }else{ kvSliderItems +='\ <li class="swiper-slide item -item'+ playNum +'">\n\ <div class="clip">\n\ <picture>\n\ <source media="(max-width: 767px)" srcset="./images/index_kv_0'+ playNum +'_sp.webp">\n\ <source media="(min-width: 768px)" srcset="./images/index_kv_0'+ playNum +'.webp">\n\ <img src="./images/index_kv_0'+ playNum +'.jpg" alt="">\n\ </picture>\n\ </div>\n\ </li>\n'; } playNum++ } target.html(kvSliderItems); $(window).on('load',function () { // swiper var swiper = new Swiper('.swiper-container', { loop: true, speed: 2000, effect: "fade", autoplay: { delay: 3000, disableOnInteraction: true }, }); $('.uq_topSlider').addClass('is_loaded'); }); })(); </script> </body> </html>