ขาย คอนโด 2 ห้องนอน ในโครงการ The Palm Wongamat (เดอะ ปาล์ม วงศ์อมาตย์)

1) { var swiperContainer = $('.swiper-container', buildingTab); $.each(buildingList, function (key, building) { $(building).bind("click", function () { var buildingId = $(this).data('buildingId'); $.each(swiperContainer, function (containerKey, container) { var toggle = $(container).data('buildingId') !== buildingId; $(container).toggleClass('d-none', toggle); }); $('.unit-list-active', buildingTab).removeClass('unit-list-active'); $(this).addClass('unit-list-active'); $(building).get(0).dispatchEvent(new Event('buildingChanged')); }); }); } } function renderVideoIframe(code) { var iframe = $(".tab-pane#video #iframe_youtube"); var newUrl = 'https://www.youtube.com/embed/' + code + '?enablejsapi=1'; var setIframeSrc = function () { var oldUrl = iframe.attr('src'); if ((newUrl !== oldUrl)) { iframe.attr('src', newUrl); } }; if (!iframe.hasClass('lazyloaded')) { var checkExist = setInterval(function () { if (iframe.hasClass('lazyloaded')) { setIframeSrc(); clearInterval(checkExist); } }, 100); } else { setIframeSrc(); } } function bindPhotoGallery() { $('.photo-gallery-detail-page__main-box').bind("click", function () { $('#modalPopup').on('shown.bs.modal', () => setModalProjectGalleryIndex(-1)); }); var secImage = $('.photo-gallery-detail-page__secondary-box a.secondary-box-inner'); $.each(secImage, function (index, image) { $(image).bind("click", function () { $('#modalPopup').on('shown.bs.modal', () => setModalProjectGalleryIndex(index)); }); }); } function setModalProjectGalleryIndex(index) { var mobileUnitGallerySlider = $('.mobile-swiper'); var goToSlide = 0; if (mobileUnitGallerySlider.length && mobileUnitGallerySlider[0].swiper) { goToSlide = mobileUnitGallerySlider[0].swiper.realIndex; } var tabPhoto = $('.tab-pane#photos'); var dataId = '[data-gallery-id="project"]'; $('li.unit-list__item' + dataId, tabPhoto).trigger("click"); var mySwiper = $('.swiper-container' + dataId, tabPhoto); $(mySwiper).ready(function () { if ($(mySwiper).data('swiper-init-done')) { $(mySwiper).get(0).swiper.slideTo(goToSlide > 0 ? goToSlide : index + 2, 0); } }); $('#modalPopup').off('shown.bs.modal'); } $(document).ready(function () { googleMapLazyLoad("AIzaSyAiOxtLDztto0-3s5oKVIctWXpSfrwbuKs"); }); function googleMapLazyLoad(api_key) { 'use strict'; var googleMapLoadedApi = false; function loadedGoogleMap() { googleMapLoadedApi = true; } loadjs.ready('map', loadedGoogleMap); if (api_key) { var options = { rootMargin: '400px', threshold: 0, }; var featureImageOpened; var featureTabOpened; loadjs(['https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js'], 'bootstrap'); loadjs(['https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/css/swiper.min.css', '/js/swiper-4.4.6.min.js'], 'swiper'); loadjs.ready('bootstrap', function () { var mapTabsId = { 'photos': 'photo-tab', 'mapview': 'map-tab', 'masterplan': 'masterplan-tab', 'buildingfloorplans': 'building-floor-plan-tab', 'unitfloorplans': 'unit-floor-plan-tab', '3dview': 'matterport-tab', 'video': 'video-tab', 'streetview': 'map-tab', 'feature-gallery-5998': 'feature-tab-gallery-5998','feature-video-5998': 'feature-tab-video-5998','feature-matterport-5998': 'feature-tab-matterport-5998','feature-floorplan-5998': 'feature-tab-floorplan-5998','feature-gallery-6000': 'feature-tab-gallery-6000','feature-video-6000': 'feature-tab-video-6000','feature-matterport-6000': 'feature-tab-matterport-6000','feature-floorplan-6000': 'feature-tab-floorplan-6000','feature-gallery-6002': 'feature-tab-gallery-6002','feature-video-6002': 'feature-tab-video-6002','feature-matterport-6002': 'feature-tab-matterport-6002','feature-floorplan-6002': 'feature-tab-floorplan-6002','feature-gallery-6004': 'feature-tab-gallery-6004','feature-video-6004': 'feature-tab-video-6004','feature-matterport-6004': 'feature-tab-matterport-6004','feature-floorplan-6004': 'feature-tab-floorplan-6004','feature-gallery-6006': 'feature-tab-gallery-6006','feature-video-6006': 'feature-tab-video-6006','feature-matterport-6006': 'feature-tab-matterport-6006','feature-floorplan-6006': 'feature-tab-floorplan-6006', }; var popUp = getParameterByName('popup'); if (popUp) { renderFeatureTabs(popUp); var tapId = mapTabsId[popUp] || 'photo-tab'; $('#modalPopup').modal('show'); var tabEl = $('#' + tapId); tabEl && tabEl.tab && tabEl.tab('show'); } $('#modalPopup').on('hide.bs.modal', function (e) { try { history.replaceState({page: 3}, document.title, window.location.pathname) } catch (e) { console.log('Error: replaceState'); } }); var mapPopup = { 'photo-tab': 'photos', 'map-tab': 'mapview', 'masterplan-tab': 'masterplan', 'building-floor-plan-tab': 'buildingfloorplans', 'unit-floor-plan-tab': 'unitfloorplans', 'matterport-tab': '3dview', 'video-tab': 'video', 'streetview-tab': 'mapview', 'feature-tab-gallery-5998': 'feature-gallery-5998','feature-tab-video-5998': 'feature-video-5998','feature-tab-matterport-5998': 'feature-matterport-5998','feature-tab-floorplan-5998': 'feature-floorplan-5998','feature-tab-gallery-6000': 'feature-gallery-6000','feature-tab-video-6000': 'feature-video-6000','feature-tab-matterport-6000': 'feature-matterport-6000','feature-tab-floorplan-6000': 'feature-floorplan-6000','feature-tab-gallery-6002': 'feature-gallery-6002','feature-tab-video-6002': 'feature-video-6002','feature-tab-matterport-6002': 'feature-matterport-6002','feature-tab-floorplan-6002': 'feature-floorplan-6002','feature-tab-gallery-6004': 'feature-gallery-6004','feature-tab-video-6004': 'feature-video-6004','feature-tab-matterport-6004': 'feature-matterport-6004','feature-tab-floorplan-6004': 'feature-floorplan-6004','feature-tab-gallery-6006': 'feature-gallery-6006','feature-tab-video-6006': 'feature-video-6006','feature-tab-matterport-6006': 'feature-matterport-6006','feature-tab-floorplan-6006': 'feature-floorplan-6006', }; $('#popup-map-tab li a').on('shown.bs.tab', function (e) { var popUp = $(e.target).attr('id'); var tapId = mapPopup[popUp] || 'photos'; var quirySting = '?popup=' + tapId; try { history.replaceState({page: 3}, document.title, quirySting) } catch (e) { console.log('Error: replaceState #2'); } }); $('#modalPopup').on('show.bs.modal', function (e) { featureImageOpened = $(e.relatedTarget).data('image'); var dataId = $(e.relatedTarget).data('id'); featureTabOpened = $(e.relatedTarget).attr('href'); if (dataId) { var tapId = mapTabsId[dataId] || 'photo-tab'; var tabEl = $('#' + tapId); tabEl && tabEl.tab && tabEl.tab('show'); } var activeTap = $('#popup-map-tab li a.active')[0]; if (activeTap.dataset.featureTab) { return; } var popUp = activeTap.getAttribute("id"); var tapId = mapPopup[popUp] || 'photos'; var quirySting = '?popup=' + tapId; try { history.replaceState({page: 3}, document.title, quirySting) } catch (e) { console.log('Error: replaceState #3'); } }); }); var swipers = $('.swiper-container:not(#ag-swiper)'); var intersectionObserverSwiper = new IntersectionObserver(function (entries, observer) { Array.prototype.slice.call(entries).forEach(function (entry) { var isIntersecting = typeof entry.isIntersecting === 'boolean' ? entry.isIntersecting : entry.intersectionRatio > 0; if (isIntersecting) { loadjs.ready('swiper', function () { $('.swiper-container').each(function (index, element) { var $this = $(this); $this.addClass('instance-' + index); $this.find('.swiper-button-prev').addClass('btn-prev-' + index); $this.find('.swiper-button-next').addClass('btn-next-' + index); $this.find('.swiper-pagination').addClass('pagination-' + index); var swiper = new Swiper('.instance-' + index, { pagination: { el: '.pagination-' + index, type: 'fraction', }, lazy: { loadPrevNext: true }, watchOverflow: true, effect: 'slide', on: { init: function () { var $this = this; if ($($this.$el).find('.swiper-wrapper>.swiper-slide').length === 1) { $($this.$el).find('.swiper-button-prev').remove(); $($this.$el).find('.swiper-button-next').remove(); $($this.$el).find('.swiper-pagination').remove(); } $($this.$el).data('swiper-init-done', true); }, }, simulateTouch: false, navigation: { nextEl: '.btn-next-' + index, prevEl: '.btn-prev-' + index, }, loop: true, keyboard: { enabled: true, }, observer: true, observeParents: true, }); var swiperFeatureGallery = $(element).closest(featureTabOpened); if (featureTabOpened && featureImageOpened && swiperFeatureGallery.length) { swiper.slideTo(featureImageOpened, 0); featureImageOpened = undefined; featureTabOpened = undefined; } if ($(element).data('buildingId')) { $(element).get(0).dispatchEvent(new Event('buildingInit')); } if ($('#swiper-master-plan', element).length) { $(element).get(0).dispatchEvent(new Event('masterPlanInit')); } }); }); observer.unobserve(entry.target); } }); }, options ); Array.prototype.slice.call(swipers).forEach(function (each) { intersectionObserverSwiper.observe(each); }); } }