Industry Facts - Oil and gas Thailand expo, oil and gas exhibition asia, oil and gas exhibition asean, oil and gas technology and equipment expo, petrochemical expo Thailand, oleochemical expo Thailand, petrochemical equipment and technology expo, oil and gas safety expo Thailand, oil and gas safety conference, process safety conference, oil rigs exhibition thailand

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Industry Facts - Oil and gas Thailand expo, oil and gas exhibition asia, oil and gas exhibition asean, oil and gas technology and equipment expo, petrochemical expo Thailand, oleochemical expo Thailand, petrochemical equipment and technology expo, oil and gas safety expo Thailand, oil and gas safety conference, process safety conference, oil rigs exhibition thailand</title>  <link href="css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/magnific-popup.css"> <link href="css/style.css?1739778809" rel="stylesheet"> <link href="css/responsive.css?1739778809" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css">  <link rel="icon" href="https://fireworksbi.com/img/file/k5UYz0=UWTNNVFTVRVMU1l5TVRFe.png" type="image/x-icon"> </head> <style type="text/css"> ul.li{ margin-left: 1.5em; list-style: none; } ul.li li{ padding-bottom: 10px; } ul.li li:before { content: '\f054'; /* fa-star */ font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: #f58525; } .shadow{ border-radius: 5px; border: 1px solid #add4ed; } .main-header.style-three .search-box .qoute-link { font-size: 14px !important; } .main-header .nav-outer .dropdown-outer { margin-left: 15px !important; } .main-header.style-three .nav-outer { padding-left: 25px !important; } #minimal-bootstrap-carousel .carousel-caption { background: #000000a3; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } .services-item { position: relative; text-align: center; padding: 0px 30px 0px 30px; } .services-item .services-icon { background-color: #FFFFFF; text-align: center; line-height: 160px !important; min-width: 160px; height: 160px; border-radius: 50% 50% 50% 50% !important; display: inline-block; transition: all ease .3s; font-size: 50px; } .services-item .services-icon img { width: 100px; height: 100px; max-width: unset; } .services-item .content-text .title { font-size: 22px; line-height: 32px; font-weight: 700; color: #ffffff; font-family: "Roboto", Sans-serif; margin: 20px 0 12px; } .errorfill{ border-color: red; } </style> <body> <div class="page-wrapper">  <header class="main-header style-three"> <div class="header-top"> <div class="auto-container clearfix"> <div class="pull-right select_state"> <a style="background: red;color: #fff;float: right;margin: 10px; padding: 10px 20px;" href="https://oilgasthai.com/called-fraud-notice.html" class="theme-btn btn-style-one" data-animation="animated fadeInUp">Fraud Notice</a> <a href="http://www.facebook.com/OGETThailand/" target="_blank"><img src="https://ik.imagekit.io/2w7x1wjauq/facebook.png" data-animation="animated fadeInUp" style="max-height: 25px; margin: 20px 5px;"></a> <a href="https://www.instagram.com/oget.thailand/" target="_blank"><img src="https://ik.imagekit.io/2w7x1wjauq/_89649395_instagram_logo_976.png" data-animation="animated fadeInUp" style="max-height: 25px; margin: 20px 5px;"></a> <a href="https://www.linkedin.com/showcase/oilandgasthailandexpo/" target="_blank"><img src="https://ik.imagekit.io/2w7x1wjauq/linkedin-icon-themeparl.png" data-animation="animated fadeInUp" style="max-height: 25px; margin: 20px 5px;"></a> <a href="https://www.youtube.com/playlist?list=PLwNTX9VuLAeDizbWOSpjRTQflHnPSifoB" target="_blank"><img src="https://ik.imagekit.io/2w7x1wjauq/youtube.png" data-animation="animated fadeInUp" style="max-height: 25px; margin: 20px 5px;"></a> <a href="https://lin.ee/act5gWn" target="_blank"><img src="https://ik.imagekit.io/2w7x1wjauq/line.png" data-animation="animated fadeInUp" style="max-height: 25px; margin: 20px 5px;"></a> </div> </div> </div> <div class="header-upper"> <div class="auto-container"> <div class="clearfix"> <div class="pull-left logo-outer"> <div class="logo"><a href="https://oilgasthai.com/"><img src="https://ik.imagekit.io/edrrutawqt/OGET-JPEG-logo%20Event%202025-07-min.png" style="height: 100px;" alt="logo" title=""></a></div> </div> <div class="pull-right upper-right clearfix hidden-xs" style="top: 20px !important;"> <div class="upper-column info-box"> <div class="icon-box"><span class="machinery-icon-clock"></span></div> <ul> <li><strong>Date</strong></li> <li>12-14 November 2025</li> </ul> </div> <div class="upper-column info-box"> <div class="icon-box"><span class="machinery-icon-telephone"></span></div> <ul> <li><strong>Call Now</strong></li> <li>(+66) 2 513 1418</li> </ul> </div> <div class="upper-column info-box"> <div class="icon-box"><span class="machinery-icon-mails"></span></div> <ul> <li><strong>Mail us at</strong></li> <li>info@fireworksthai.com</li> </ul> </div> </div> </div> </div> </div> <div class="header-lower"> <div class="auto-container"> <div class="nav-outer clearfix"> <nav class="main-menu"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix"> <ul class="navigation clearfix"> <li><a href="https://oilgasthai.com/">Home</a></li> <li class="dropdown"><a href="#">Information</a> <ul> <li><a href="https://oilgasthai.com/general-information.html">General Information</a></li> <li><a href="https://oilgasthai.com/industry-facts.html">Industry Facts</a></li> <li><a href="https://oilgasthai.com/venue-information.html">Venue Information</a></li> <li><a href="https://oilgasthai.com/media-partner.html">Media Partner</a></li> </ul> </li> <li class="dropdown"><a href="#">To Exhibit</a> <ul> <li><a href="https://oilgasthai.com/book-a-stand.html">Book A Stand</a></li> <li><a href="https://oilgasthai.com/who-should-exhibit.html">Who Should Exhibit</a></li> <li><a href="https://oilgasthai.com/official-contractor.html">Official Contractor</a></li>  <li><a href="https://oilgasthai.com/official-freight-forwarder.html">Official Freight Forwarder</a></li> <li><a href="https://oilgasthai.com/sponsorship.html">Sponsorship</a></li> </ul> </li> <li class="dropdown"><a href="#">To Visit</a> <ul>  <li><a href="https://oilgasthai.com/who-should-visit.html">Who Should Visit</a></li> <li><a href="https://oilgasthai.com/visitor-faqs.html">Visitor FAQS</a></li> <li><a href="https://oilgasthai.com/official-hotel.html">Official Hotel</a></li> <li><a href="https://oilgasthai.com/transportation.html">Transportation</a></li> </ul> </li> <li><a href="https://oilgasthai.com/Conference.html">Conference</a></li> <li><a href="https://oilgasthai.com/seminar.html">Seminar</a></li>  <li><a href="https://oilgasthai.com/contact-us.html">Contact Us</a></li> </ul> </div> </nav> <div class="search-box"> <div class="dropdown dropdown-outer">  <a href="https://oilgasthai.com/book-a-stand.html" target="_blank" class="qoute-link"><i class="machinery-icon-next"></i>Book A Stand</a> </div> </div> </div> </div> </div> <div class="sticky-header"> <div class="auto-container clearfix"> <div class="logo pull-left"> <a href="https://oilgasthai.com/" class="img-responsive"><img src="https://ik.imagekit.io/edrrutawqt/OGET-JPEG-logo%20Event%202025-07-min.png?tr=w-200" style="height: 54px;margin-top: 1px;" alt="logo" title=""></a> </div> <div class="right-col pull-right"> <nav class="main-menu"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix"> <ul class="navigation clearfix"> <li><a href="https://oilgasthai.com/">Home</a></li> <li class="dropdown"><a href="#">Information</a> <ul> <li><a href="https://oilgasthai.com/general-information.html">General Information</a></li> <li><a href="https://oilgasthai.com/industry-facts.html">Industry Facts</a></li> <li><a href="https://oilgasthai.com/venue-information.html">Venue Information</a></li> <li><a href="https://oilgasthai.com/media-partner.html">Media Partner</a></li> </ul> </li> <li class="dropdown"><a href="#">To Exhibit</a> <ul> <li><a href="https://oilgasthai.com/book-a-stand.html">Book A Stand</a></li> <li><a href="https://oilgasthai.com/who-should-exhibit.html">Who Should Exhibit</a></li> <li><a href="https://oilgasthai.com/official-contractor.html">Official Contractor</a></li>  <li><a href="https://oilgasthai.com/official-freight-forwarder.html">Official Freight Forwarder</a></li> <li><a href="https://oilgasthai.com/sponsorship.html">Sponsorship</a></li> </ul> </li> <li class="dropdown"><a href="#">To Visit</a> <ul>  <li><a href="https://oilgasthai.com/who-should-visit.html">Who Should Visit</a></li> <li><a href="https://oilgasthai.com/visitor-faqs.html">Visitor FAQS</a></li> <li><a href="https://oilgasthai.com/official-hotel.html">Official Hotel</a></li> <li><a href="https://oilgasthai.com/transportation.html">Transportation</a></li> </ul> </li> <li><a href="https://oilgasthai.com/Conference.html">Conference</a></li> <li><a href="https://oilgasthai.com/seminar.html">Seminar</a></li>  <li><a href="https://oilgasthai.com/contact-us.html">Contact Us</a></li> </ul> </div> </nav> </div> </div> </div> </header> <section class="page-title" style="background-image:url(https://ik.imagekit.io/harcoimgkit1/TTBNdz09WTJPVFUwTVRVMU1UT1RJM01E_2InWJf-TW.jpg)"> <div class="auto-container"> <h1>Industry Facts</h1> <ul class="page-breadcrumb"> <li><a href="https://oilgasthai.com/">Home</a></li> <li>Industry Facts</li> </ul> </div> </section> <section class="about-section-two"> <div class="auto-container"> <div class="row"> <div class="col-md-12"> <ul class="li"> <li> <strong>Map Ta Phut Industrial Complex in Rayong is one of the world's biggest petrochemical hubs</strong> <p>Thailand’s Map Ta Phut industrial complex, has grown into one of the world's biggest petrochemicals hubs housing all the main refineries.</p> </li> <li> <strong>Facts of Thailand’s Petrochemical Industry</strong> <p>PTT’s olefins capacity alone will increase from 1.8mn tonnes per annum (tpa) to 2.8mn tpa and polymer capacity will increase from 500,000 tpa to 1.5mn tpa. Based on current petrochemicals projects, Thailand was set to see new capacities of 1.9mn tpa ethylene, 1.27mn tpa propylene, 1.45mn tpa polyethylene (PE) and 200,000tpa benzene coming onstream by the beginning of 2011, mostly in the Map Ta Phut industrial zone. <br><br>Siam Polyethylene Company began operations as its new 350,000tpa solution phase linear low-density polyethylene (LLDPE) train (SPE II). Ube Chemicals Asia also began commercial operations at its new nylon-6 facilities at Map Ta Phut in Q410, with combined capacity of 50,000tpa. Asahi Kasei Chemicals also resumed construction of its 200,000tpa acrylonitrile and 70,000tpa methyl methacrylate plants at Map Ta Phut, which are now likely to begin operation in mid- 2011. <br><br> PTT Chemical will also double its high-density polyethylene (HDPE) capacity at Map Ta Phut to 500,000tpa. Also beginning operations in 2011 are the expansion of Integrated Refinery and Petrochemicals Company’s (IRPC) acrylonitrile butadiene styrene (ABS) unit from 117,000tpa to 200,000tpa and its increase in capacity at its propylene unit by 100,000tpa to 432,000tpa. – Business Monitor International (BMI)</p> </li> <li> <strong>Some Insights Into Thailand’s Oil & Gas Industry</strong> <p>Rayong province is located relatively close to Thailand's offshore gas fields in the Gulf of Thailand and to major gas consuming centres such as Bangkok. This led to Thailand's three major offshore gas pipelines being constructed through the region. Partly as a result, the province, and particularly the Map Ta Phut industrial complex, has grown into one of the world's biggest petrochemicals hubs. Construction work began on gas separation plants there in the 1980s as a way of producing fuels that could replace crude oil imports. PTT completed its first 4bn cubic metre (bcm) gas separation unit in Rayong province in 1984 in order to provide feedstock for nearby petrochemicals plants and liquefied petroleum gas (LPG) for households. The next three separation units, completed between 1991 and 1996, were designed to cope with rapidly increasing demand for LPG and have a combined capacity of 9.4bcm. A fifth unit, significantly larger than the earlier units at 5.5bcm, was added in 2005 to provide additional ethane, propane and LPG for the petrochemicals industry. Since the first five separation plants came onstream, however, rising demand for feedstock from petrochemical works and residential customers has put pressure on the existing infrastructure. As a solution, PTT started work on an ethane separation plant to improve production at units two and three, and began building a sixth gas separation plant with a capacity of 8.3bcm</p> </li> </ul> <div class="col-md-4"> <img src="http://fireworksbi.com/img/file/k16WTA=URTNORETVRVMU115TURrM.jpg" alt="image"> </div> <div class="col-md-4"> <img src="http://fireworksbi.com/img/file/k5ERXo=URTNORETVRVMU115TURne.jpg" alt="image"> </div> <div class="col-md-4"> <img src="http://fireworksbi.com/img/file/U1Ea3o=URTNORETVRVMU115TWpRM.jpg" alt="image"> </div> </div> </div> </div> </section> <footer class="main-footer padding-top"> <div class="auto-container"> <div class="widgets-section"> <div class="row clearfix"> <div class="footer-column col-md-6 col-sm-6 col-xs-12"> <div class="col-md-12"> <div class="logo"> <img src="https://fireworksbi.com/img/file/U9URXo=UZzBNakTVRVeU513TURre.png" alt="logo" style="max-width: 100%; max-height: 125px;"> </div> </div> <div style="clear: both;"></div> <div class="footer-widget subscribe-widget"> <div class="widget-content"> <div class="text"> <p> Fireworks Exhibitions and Conferences which have organized successful international Oil & Gas events such as Oil & Gas Brunei (OGAB), Oil & Gas Thailand (OGET) and Oil and Gas Vietnam (OGAV) is the organizer of this premier Oil and Gas event. </p> </div> </div> </div> </div>  <div class="footer-column col-md-6 col-sm-6 col-xs-12"> <div class="footer-widget links-widget"> <div class="widget-title"><h2>Useful Links</h2></div> <div class="widget-content"> <ul class="list clearfix"> <li><a href="https://oilgasthai.com/general-information.html">General Information</a></li> <li><a href="https://oilgasthai.com/venue-information.html">Venue Information</a></li> <li><a href="https://oilgasthai.com/media-partner.html">Media Partner</a></li> <li><a href="https://oilgasthai.com/book-a-stand.html">Book A Stand</a></li> <li><a href="https://oilgasthai.com/official-contractor.html">Official Contractor</a></li> <li><a href="https://oilgasthai.com/official-electricity.html">Official Electricity</a></li> <li><a href="https://oilgasthai.com/official-freight-forwarder.html">Official Freight Forwarder</a></li>  <li><a href="https://oilgasthai.com/visitor-faqs.html">Visitor FAQS</a></li> <li><a href="https://oilgasthai.com/official-hotel.html">Official Hotel</a></li> <li><a href="https://oilgasthai.com/transportation.html">Transportation</a></li> <li><a href="https://oilgasthai.com/contact-us.html">Contact Us</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="auto-container clearfix"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="copyright-text" style="text-align: center;">© Copyright 2025</div> </div> </div> </div> </div> </footer> </div> <div class="search_area zoom-anim-dialog mfp-hide" id="test-search"> <div class="search_box_inner"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button> </span> </div> </div> </div> <div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-arrow-up"></span></div> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/jquery.fancybox.js"></script> <script src="js/owl.js"></script> <script src="js/appear.js"></script> <script src="js/wow.js"></script> <script src="js/bootstrap-select.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/script.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.all.min.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153385052-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-153385052-5'); </script> <script type="text/javascript"> // Mendefinisikan fungsi pengganti alert function customAlert(message) { let alertOptions = { title: 'Success', html: message, icon: 'success', confirmButtonText: 'OK' }; // Menambahkan logika untuk memeriksa isi pesan secara dinamis let lowercaseMessage = message.toLowerCase(); if (lowercaseMessage.includes('error')) { alertOptions.title = 'Error'; alertOptions.icon = 'error'; } else if (lowercaseMessage.includes('warning')) { alertOptions.title = 'Warning'; alertOptions.icon = 'warning'; } Swal.fire(alertOptions); } // Menggantikan fungsi alert bawaan dengan customAlert window.alert = customAlert; $(function() { $('.nav a, .request_btn').click(function() { var target = $(this).attr('href'); target = target.split('#'); target = target[1]; if (window.location != 'http://www.oilgasthai.com/') { top.location = 'http://www.oilgasthai.com/#' + target; } if (target) { $('html,body').animate({ scrollTop: $('#' + target).offset().top - 70 }, 1000); } }); $('.econtent').val($('.formm').html()); $('input').change(function() { $(this).attr('value', $(this).val()); $('.econtent').val($('.formm').html()); }); $('textarea').change(function() { $(this).html($(this).val()); $('.econtent').val($('.formm').html()); }); $('input[type="checkbox"]').change(function() { if ($(this).is(':checked')) { $(this).attr('checked', 'checked'); } else { $(this).removeAttr('checked'); } $('.econtent').val($('.formm').html()); $(this).parent().find('input[type="radio"]').attr('name', $(this).parent().text()); }); $('#submit').click(function() { var obj = $(this); $('.formm input').css('border-color', '#ddd #f1f1f1 #f1f1f1 #ddd'); $('.formm input[type="text"]').each(function() { // Menghapus spasi dari awal dan akhir nilai input var trimmedValue = $(this).val().trim(); if (!trimmedValue) { $(this).css('border-color', '#ea6666'); $(this).addClass('errorfill'); } else { $(this).removeClass('errorfill'); } }); if (!$(":input").hasClass("errorfill")) { $('.msg').remove(); obj.attr('disabled', 'disabled').after('<div class="msg" style="width: 100px;margin-top: 10px;background: #f7ff97;clear: both;text-align: center;padding: 2px 3px;border-radius: 5px;border: 1px solid #b5b5b5;color: #000;">sending...</div>'); var contentFull = $('.econtent').val(); $.ajax({ type: 'POST', url: 'action.php', data: { 'ref': 'book-stand', 'content': contentFull, 'param[name]': $('#name').val(), 'param[company]': $('#company').val(), 'param[phone]': $('#phone').val(), 'param[email]': $('#email').val(), }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('error'); }, success: function(result) { alert('Your Data Has Been Successfully Submitted'); obj.removeAttr('disabled'); $('.msg').remove(); // Mengosongkan semua input $('input').val(''); // Meng-unselect semua checkbox $('input[type="checkbox"]').prop('checked', false); // Meng-unselect semua radio button $('input[type="radio"]').prop('checked', false); } }); } }); }); $(document).ready(function() { $('.econtent-conference-registration').val($('.formm-conference').html()); $('input, textarea, select').change(function() { if ($(this).is('input')) { $(this).attr('value', $(this).val()); } else if ($(this).is('textarea')) { $(this).html($(this).val()); } else if ($(this).is('select')) { $(this).find('option').each(function() { if ($(this).is(':selected')) { $(this).attr('selected', 'selected'); } else { $(this).removeAttr('selected'); } }); } $('.econtent-conference-registration').val($('.formm-conference').html()); }); $('input[type="radio"]').change(function() { // Setel properti checked pada radio button terkait berdasarkan apakah itu yang dipilih $('input[type="radio"][name="' + $(this).attr('name') + '"]').removeAttr('checked'); $(this).prop('checked', true).attr('checked', 'checked'); $('.econtent').val($('.formm').html()); }); $('#conference-registration').click(function() { var obj = $(this); $('.formm-conference input').css('border-color', '#ddd #f1f1f1 #f1f1f1 #ddd'); $('.formm-conference input[type="text"]').each(function() { var trimmedValue = $(this).val().trim(); if (!trimmedValue) { $(this).css('border-color', '#ea6666'); $(this).addClass('errorfill'); } else { $(this).removeClass('errorfill'); } }); if (!$(":input").hasClass("errorfill")) { $('.msg').remove(); obj.attr('disabled', 'disabled').after('<div class="msg" style="width: 100px; margin-top: 10px; background: #f7ff97; clear: both; text-align: center; padding: 2px 3px; border-radius: 5px; border: 1px solid #b5b5b5; color: #000;">sending...</div>'); var contentFull = $('.econtent-conference-registration').val(); var data = { 'ref': 'conference-registration-form', 'content': contentFull, 'param[name]': $('#name').val(), 'param[salutation]': $('#salutation').val(), 'param[organization]': $('#organization').val(), 'param[designation]': $('#designation').val(), 'param[address]': $('#address').val(), 'param[country]': $('#country').val(), 'param[nationality]': $('#nationality').val(), 'param[telephone]': $('#telephone').val(), 'param[email]': $('#email').val(), 'param[remarks]': $('#remarks').val(), 'param[normal-rate]': $('[name="normal-rate"]:checked').val(), }; /*alert(JSON.stringify(data)); throw'stop';*/ $.ajax({ url: 'action.php', type: 'POST', data: data, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('error'); obj.removeAttr('disabled'); $('.msg').remove(); }, success: function(result) { alert('Your Data Has Been Successfully Submitted'); obj.removeAttr('disabled'); $('.msg').remove(); // Mengosongkan semua input $('input').val(''); // Meng-unselect semua radio button $('input[type="radio"]').prop('checked', false); // Mengosongkan textarea $('textarea').val(''); } }); } }); }); jQuery(function($) { function blink(selector) { $(selector).delay(1000).fadeOut(300, function() { $(this).fadeIn(50, function() { blink(this); }); }); } $('.seeprof').click(function() { // Temukan elemen parent terdekat yang cocok dengan salah satu dari selector yang diberikan $(this).closest('.col-md-6, .col-md-4, .col-md-3').find('.profile').toggle(300); }); blink('.Sponsorship'); $('.silver-sponsor').owlCarousel({ loop: true, margin: 10, responsiveClass: true, autoplay: true, autoplayTimeout: 1000, /*autoplayHoverPause:true,*/ responsive: { 0: { items: 1, }, 600: { items: 3, }, 1000: { items: 4, } } }); }); </script> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> <style type="text/css"> .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } .slick-dots li { margin: 0 0.25rem; } .slick-dots button { display: none; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #696969; text-indent: -9999px; } .slick-dots li.slick-active button { background-color: #7bbb4b; } .slick-prev { display: none !important; } .slick-next { display: none !important; } </style> <script type="text/javascript"> $(".slick").slick({ dots: false, infinite: true, speed: 300, autoplay: true, autoplaySpeed: 2000, slidesToShow: 4, slidesToScroll: 1, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: false, }, }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, }, }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, }, }, ], }); </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"> <style type="text/css"> .white-popup { position: relative; padding: 20px; width: auto; max-width: 600px; margin: 20px auto; } .mfp-close-btn-in .mfp-close { color: #fff; } .swal2-popup {width: 55em !important;} </style> <script type="text/javascript"> $(document).ready(function() { $('.slick img, .pop').parent().magnificPopup({ type: 'image', gallery:{ enabled:true } }); $('a').on('click', function(e) { var imageUrl = $(this).attr('href'); if (imageUrl.match(/\.(jpeg|jpg|gif|png)$/) != null) { e.preventDefault(); Swal.fire({ html: `<img src="${imageUrl}" alt="Image" style="max-width: 100%;">`, confirmButtonText: 'close' }); } }); }); </script> </body> </html>

CINXE.COM