CINXE.COM

TORAY

<!DOCTYPE html> <html lang="id"> <head> <!-- www.toray.co.id に対する OneTrust Cookie 同意通知の始点 --> <script type="text/javascript" src="https://cdn-au.onetrust.com/consent/e29a7b21-ae3a-4117-b3d5-e275e9e31176/OtAutoBlock.js"></script> <script src="https://cdn-au.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="e29a7b21-ae3a-4117-b3d5-e275e9e31176"></script> <script data-ot-ignore="" type="text/javascript" src="https://www.toray.co.id/id/shared/js/jquery-3.5.1.min.js"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- www.toray.co.id に対する 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-5CMN862');</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.id/id/" /> <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="/id/shared/fonts/svgicon.woff?a8ryc2" as="font" crossorigin="" /> <link rel="stylesheet" href="/id/shared/css/common.css" /> <script src="/id/shared/js/jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="/id/shared/components/swiper/swiper.min.css" /> <link rel="stylesheet" href="/id/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-5CMN862" 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_id_header"> <div class="inner"> <div class="logo"> <div class="groupLogo"><a href="/id/"><img src="/id/shared/images/toray_logo.svg" alt="'TORAY'Innovation by Chemistry" /></a></div> <div class="siteLogo"><a href="/id/" aria-label="Back to TOP"><img src="/id/shared/images/header_site_logo.svg" alt="INDONESIA" /></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/f9506d02/search" serp-url="/id/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">ID</a><a href="/id/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="/id/contact/" target="_blank" onclick="MainComponent.contactLink('i001'); return false;">KONTAK KAMI</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_id_globalnav"> <ul class="menuLv1"> <li class="parent"><a href="/id/aboutus/" data-path="aboutus">Tentang TORAY</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/id/aboutus/">Tentang TORAY</a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/id/aboutus/message.html">Pesan dari Presiden</a></li> <li class="parent"><a href="/id/aboutus/outline.html">Profil Perusahaan</a> <ul class="menuLv3"> <li><a href="/id/aboutus/outline.html">Garis Besar Korporasi</a></li> <li><a href="/id/aboutus/brand.html">Simbol Perusahaan</a></li> </ul> </li> <li><a href="/id/aboutus/philosophy.html">Falsafah Toray</a></li> <li><a href="/id/aboutus/history/">Sejarah Perusahaan</a></li> </ul> </div> </div> </div> </li> <li class="parent"><a href="/id/products/" data-path="products">Bisnis Kami</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/id/products/">Bisnis Kami</a></div> <div class="menus -flex -products"> <ul class="menuLv2"> <li><a href="/id/products/search/">Pencarian Produk</a></li> <li><a href="/id/products/link/">List of brand website</a></li> </ul> <ul class="menuLv2"> <li><a href="/id/products/fibers/">Serat</a></li> <li><a href="/id/products/textiles/">Tekstil</a></li> <li><a href="/id/products/resins/">Resin</a></li> <li><a href="/id/products/chemicals/">Bahan Kimia</a></li> <li><a href="/id/products/films/">Film</a></li> </ul> <ul class="menuLv2"> <li><a href="/id/products/electronics/">Bahan Elektronik dan Informasi</a></li> <li><a href="/id/products/carbon-fiber/">Bahan Komposit Serat Karbon</a></li> <li><a href="/id/products/water-environment/">Pengolahan Air dan Lingkungan</a></li> <li><a href="/id/products/engineering/">Teknik</a></li> <li><a href="/id/products/pharmaceuticals-medical/">Produk Farmasi dan Medis</a></li> </ul> <ul class="menuLv2"> <li><span class="subHeading">&lt;Special Content&gt;</span></li> <!--<li><a href="/id/greeninnovation/">Green Innovation</a></li>--> <!--<li><a href="/id/lifeinnovation/">Life Innovation</a></li>--> <li><a href="https://www.automotive.toray/" target="_blank">AUTOMOTIVE SOLUTION</a></li> <!--<li><a href="/id/toray/">Keseluruhan Toray</a></li>--> </ul> </div> </div> </div> </li> <li class="parent"><a href="/id/technology/" data-path="technology">Riset dan Pengembangan</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/id/technology/">Riset dan Pengembangan</a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/id/technology/cto.html">Pesan CTO</a></li> <li><a href="/id/technology/policy.html">Kebijakan Dasar</a></li> <li><a href="/id/technology/strengths.html">Riset dan Pengembangan dengan Memanfaatkan Kekuatan Gabungan Kami</a></li> </ul> </div> </div> </div> </li> <li class="parent"><a href="/id/csr/" data-path="csr">CSR di Indonesia</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/id/csr/">CSR di Indonesia</a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/id/csr/csr_001.html">Garis besar Isi CSR (Tangguing Jawab Sosial Korporasi)</a></li> <li><a href="/id/csr/csr_002.html">Tanggung Jawab Terhadap Lingkungan</a></li> <li><a href="/id/csr/csr_003.html">Tanggung Jawab Sosial</a></li> <li><a href="/id/csr/csr_004.html">Kegiatan di Grup Toray</a></li> </ul> </div> </div> </div> </li> <li class="parent"><a href="/id/career/" data-path="career">Karir</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/id/career/">Karir</a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/id/career/career.html">Karir di Toray Indonesia</a></li> <li><a href="/id/career/job.html">Job Opportunities</a></li> <li><a href="/id/career/training.html">Training dan Pengembangan</a></li> </ul> </div> </div> </div> </li> <li class="parent"><a href="/id/indonesia/" data-path="indonesia">Group Toray di Indonesia</a> <div class="subGnav"> <div class="inner"> <button type="button" class="close" aria-label="Close" aria-hidden="true"></button> <div class="heading"><a href="/id/indonesia/">Group Toray di Indonesia</a></div> <div class="menus"> <ul class="menuLv2"> <li><a href="/id/indonesia/greeting/">Ucapan Salam dari Presiden Direktur Toray Grup in Indonesia</a></li> <li><a href="/id/indonesia/history/">Sejarah Perusahaan</a></li> <li class="parent"><a href="/id/indonesia/network/">Kumpulan Perusahaan Toray di Indonesia</a> <ul class="menuLv3"> <li class="-index"><a href="/id/indonesia/network/">Kumpulan Perusahaan Toray di Indonesia</a></li> <li><a href="/id/tin/" target="_blank">PT Toray Industries Indonesia</a></li> <li><a href="/id/its/" target="_blank">PT INDONESIA TORAY SYNTHETICS</a></li> <li><a href="/id/actem/" target="_blank">PT ACRYL TEXTILE MILLS</a></li> <li><a href="/id/centex/" target="_blank">PT CENTURY TEXTILE INDUSTRY TBK</a></li> <li><a href="/id/pnr/" target="_blank">PT PETNESIA RESINDO</a></li> <li><a href="/id/jabato/" target="_blank">PT JABATO INTERNATIONAL</a></li> <li><a href="/id/istem/" target="_blank">PT INDONESIA SYNTHETICS TEXTILE MILLS</a></li> <li><a href="/id/etx/" target="_blank">PT EASTERNTEX</a></li> <li><a href="/id/ost/" target="_blank">PT OST FIBRE INDUSTRIES</a></li> <li><a href="/id/tiin/" target="_blank">PT TORAY INTERNATIONAL INDONESIA</a></li> <li><a href="/id/tpj/" target="_blank">PT TORAY POLYTECH JAKARTA</a></li> <li><a href="/id/timw/" target="_blank">PT TI Matsuoka Winner Industry</a></li> <li><a href="/id/tak/" target="_blank">PT TAK Textiles Indonesia</a></li> </ul> </li> </ul> </div> </div> </div> </li> <li class="noChild"><a href="/id/news/" data-path="news">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="/id/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="ID" checked="" /> <input type="hidden" class="initParam" name="region" value="INDONESIA" 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="/id/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>Berikut merupakan gambaran umum seputar Toray, produsen bahan mutakhir yang terus memicu inovasi di seluruh dunia.</p> <img class="lazyload" data-src="/id/images/index_glance_sp.png" alt="" aria-hidden="true" /> <div class="bl_btnWrap"> <a class="el_btn -wide" href="/id/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">Keberlanjutan</h2> </div> <p>Misi kami adalah menghadirkan teknologi inovatif dan material canggih yang bukan hanya menjadi solusi nyata dalam menghadapi tantangan di dunia. Caranya dengan menyeimbangkan pengembangan dan keberlanjutan.</p> </div> <img class="susLogo" src="images/index_01.png" alt="" aria-hidden="true" /> </div> <h2 class="bl_headingLv2">Proyeksi Empat Perspektif Dunia pada 2050 menurut Toray Group</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">Dunia bebas emisi, di mana emisi dan penyerapan gas rumah kaca bisa seimbang</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">Dunia yang mengelola sumber daya secara berkelanjutan</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">Dunia dengan lingkungan alam yang lestari serta kaya air dan udara bersih bagi semua</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">Dunia tempat semuanya bisa mendapatkan fasilitas kesehatan dan kebersihan yang layak</p> </div> </div> </div> <div class="bl_btnWrap"> <a class="el_btn -wide -blank" href="https://www.toray.com/global/sustainability/" target="_blank">Keberlanjutan</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">Group Toray di Indonesia</h2> </div> <p>Toray adalah perusahaan kimia terkemuka yang didirikan tahun 1926. Sepanjang sejarahnya, toray telah memofokuskan diri pada riset dan pengembangan teknologi, terus menerus berkontribusi untuk masyarakat dengan memberikan nilai tambah baru, sejak berdirinya di Indonesia tahun 1971.</p> <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"> <a class="grid" href="its/" target="_blank"><img src="images/banner_01.jpg" alt="" /></a> <a class="grid" href="actem/" target="_blank"><img src="images/banner_02.jpg" alt="" /></a> <a class="grid" href="centex/" target="_blank"><img src="images/banner_03.jpg" alt="" /></a> <a class="grid" href="pnr/" target="_blank"><img src="images/banner_04.jpg" alt="" /></a> <a class="grid" href="jabato/" target="_blank"><img src="images/banner_05.jpg" alt="" /></a> <a class="grid" href="istem/" target="_blank"><img src="images/banner_06.jpg" alt="" /></a> <a class="grid" href="etx/" target="_blank"><img src="images/banner_07.jpg" alt="" /></a> <a class="grid" href="ost/" target="_blank"><img src="images/banner_08.jpg" alt="" /></a> <a class="grid" href="tiin/" target="_blank"><img src="images/banner_09.jpg" alt="" /></a> <a class="grid" href="tpj/" target="_blank"><img src="images/banner_10.jpg" alt="" /></a> <a class="grid" href="timw/" target="_blank"><img src="images/banner_11.jpg" alt="" /></a> <a class="grid" href="tak/" target="_blank"><img src="images/banner_12.jpg" alt="" /></a> </div> </div> <p class="btn"><a href="indonesia/">Group Toray di Indonesia</a></p> </div> </div> </div><!-- /ly_container--> </main> <!-- ===== /contents ====== --> <!-- ===== footer ====== --> <footer class="ly_footer inc_id_footer"> <div class="ly_inner"> <ul class="footLinks"> <li><a href="/id/common/terms.html">Terms of Use</a></li> <li><a href="/id/common/privacy.html">Privacy Policy</a></li> <li><a href="/id/common/cookie.html">Cookie Policy</a></li> <li><a href="/id/common/sitemap.html">Site Map</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="/id//shared/images/icon_yt.png" alt="youtube" /></a><a class="linkedin" href="https://www.linkedin.com/company/toray-industries-inc-/" target="_blank"><img src="/id/shared/images/icon_linkedin.png" alt="linkedin" /></a></div> <p id="groupLogo"><a href="/id/network/?p_country=60&amp;p_business_field="><img src="/id/shared/images/toray_group_logo.svg" alt="Toray Group" /></a></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="/id/shared/js/plugins.js"></script> <script src="/id/shared/js/base.js"></script> <script src="https://unpkg.com/microcms-js-sdk@latest/dist/umd/microcms-js-sdk.js"></script> <script src="/id/news/js/news.js"></script> <script src="/id/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>

Pages: 1 2 3 4 5 6 7 8 9 10