CINXE.COM

Visitor Faqs - 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> Visitor Faqs - 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> <!-- Stylesheets --> <link href="css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/magnific-popup.css"> <link href="css/style.css?1739783039" rel="stylesheet"> <link href="css/responsive.css?1739783039" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css"> <!--Favicon--> <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"> <!-- <div class="preloader"></div> --> <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-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/sponsorship.html">Sponsorship</a></li> </ul> </li> <li class="dropdown"><a href="#">To Visit</a> <ul> <!-- <li><a href="pre-register-as-a-visitor">Pre Register as Visitor</a></li> --> <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/events-calendar.html">Events Calendar</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://mobile.eventpassinsight.co/registration/create/tmo24/" target="_blank" class="qoute-link theme-btn btn-style-one" style="color: #000;padding: 5px; padding-left: 15px; padding-right: 15px; line-height: 20px;font-weight: 500;">Pre Register as Visitor</a>--> <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-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/sponsorship.html">Sponsorship</a></li> </ul> </li> <li class="dropdown"><a href="#">To Visit</a> <ul> <!-- <li><a href="pre-register-as-a-visitor">Pre Register as Visitor</a></li> --> <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/events-calendar.html">Events Calendar</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>Visitor FAQS</h1> <ul class="page-breadcrumb"> <li><a href="https://oilgasthai.com/">Home</a></li> <li>Visitor FAQS</li> </ul> </div> </section> <section class="about-section-two"> <div class="auto-container"> <div class="row"> <div class="col-md-12"> <div class="content-box"> <ul class="li"> <li style="margin-bottom: 30px;"> <h4 style="font-size: 16px;"><strong><i>I want to visit the exhibition. How do I register for it? </i></strong></h4> <p> Before Show Days – You may register by sending an email with your personal particulars to thai@asiafireworks.com along with the title: “Register Me” from 1 July 2018 onwards. Your registration will be processed and if successful, you will receive a confirmation email within 14 working days. Simply bring a print copy of your confirmation email to the Visitor Registration area and join the "Xpress Queue" during show days to collect your visitor badge. <br> During Show Days - You can obtain a visitor ticket at the Visitor Registration area outside the hall. Fill out the ticket completely and present it to the Visitor Registration counter to obtain your visitor badge. </p> </li> <li style="margin-bottom: 30px;"> <h4 style="font-size: 16px;"><strong><i>Is there any entrance fee payable to visit the exhibition? </i></strong></h4> <p> This exhibition is open to trade visitors only and there is no charge to visit the exhibition. </p> </li> <li style="margin-bottom: 30px;"> <h4 style="font-size: 16px;"><strong><i>I registered online for the Oil Gas Thailand 2018 And Petrochemical Asia 2018 exhibition and did not get a reply after 14 working days. How can I check on the status of my online pre-registration?</i></strong></h4> <p> Email to <a href="mailto:thai@asiafireworks.com">thai@asiafireworks.com</a> with the subject: Status of Online Pre-Registration, highlighting the name, company and job title used to register online so that we can check on the status of your online pre-registration for the exhibition. We will send a reply to you within 3 working days. </p> </li> <li style="margin-bottom: 30px;"> <h4 style="font-size: 16px;"><strong><i>I would like to be kept updated on Oil Gas Thailand 2018 And Petrochemical Asia 2018 exhibition. How do I subscribe to be on your mailing list to receive brochures on the exhibition and eNewsletters for free?</i></strong></h4> <p> Email to <a href="mailto:thai@asiafireworks.com">thai@asiafireworks.com</a> with the subject: "Add me to <strong>Oil Gas Thailand 2018 And Petrochemical Asia 2018</strong>" exhibition mailing list, and include your full name (i.e. first name and surname), company, job title, full mailing address, country and email address in your email. </p> </li> </ul> </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> <!--Footer Column--> <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://mobile.eventpassinsight.co/registration/create/tmo24/" target="_blank">Pre Register As a visitor</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;">&copy; 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> <!-- Global site tag (gtag.js) - Google Analytics --> <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>

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