\n ‹<\/span>
\n
\n ›<\/span><\/p>\n
(function(){
\n var imgs = [];
\n function collectImages(){
\n var main = document.querySelector(‘.vehicle-gallery__main img’);
\n var thumbs = document.querySelectorAll(‘.vehicle-gallery__thumb’);
\n imgs = [];
\n if(main){
\n var src = main.src.replace(\/-d+xd+.(jpg|jpeg|png|webp)$\/i, ‘.$1’);
\n imgs.push(src);
\n }
\n thumbs.forEach(function(t){
\n var ds = t.getAttribute(‘data-gallery-image’);
\n if(ds){
\n var full = ds.replace(\/-d+xd+.(jpg|jpeg|png|webp)$\/i, ‘.$1’);
\n if(imgs.indexOf(full) === -1) imgs.push(full);
\n }
\n });
\n }
\n function openBlLightbox(idx){
\n collectImages();
\n if(!imgs.length) return;
\n window._blCurrentIdx = idx;
\n document.getElementById(‘blLightboxImg’).src = imgs[idx];
\n document.getElementById(‘blLightboxCounter’).innerText = (idx+1) + ‘ \/ ‘ + imgs.length;
\n document.getElementById(‘blLightbox’).classList.add(‘active’);
\n document.body.style.overflow = ‘hidden’;
\n }
\n window.closeBlLightbox = function(){
\n document.getElementById(‘blLightbox’).classList.remove(‘active’);
\n document.body.style.overflow = ”;
\n }
\n window.navBlLightbox = function(dir){
\n if(!imgs.length) return;
\n window._blCurrentIdx = (window._blCurrentIdx + dir + imgs.length) % imgs.length;
\n document.getElementById(‘blLightboxImg’).src = imgs[window._blCurrentIdx];
\n document.getElementById(‘blLightboxCounter’).innerText = (window._blCurrentIdx+1) + ‘ \/ ‘ + imgs.length;
\n }
\n function bind(){
\n var main = document.querySelector(‘.vehicle-gallery__main img’);
\n if(main){
\n main.style.cursor = ‘zoom-in’;
\n main.addEventListener(‘click’, function(){ openBlLightbox(0); });
\n }
\n var thumbs = document.querySelectorAll(‘.vehicle-gallery__thumb’);
\n thumbs.forEach(function(t, i){
\n t.style.cursor = ‘pointer’;
\n t.addEventListener(‘click’, function(){
\n var ds = t.getAttribute(‘data-gallery-image’);
\n collectImages();
\n var full = ds ? ds.replace(\/-d+xd+.(jpg|jpeg|png|webp)$\/i, ‘.$1’) : ”;
\n var idx = imgs.indexOf(full);
\n if(idx === -1) idx = i+1;
\n openBlLightbox(idx);
\n });
\n });
\n document.addEventListener(‘keydown’, function(e){
\n if(!document.getElementById(‘blLightbox’).classList.contains(‘active’)) return;
\n if(e.key === ‘Escape’) closeBlLightbox();
\n if(e.key === ‘ArrowLeft’) navBlLightbox(-1);
\n if(e.key === ‘ArrowRight’) navBlLightbox(1);
\n });
\n document.getElementById(‘blLightbox’).addEventListener(‘click’, function(e){
\n if(e.target.id === ‘blLightbox’) closeBlLightbox();
\n });
\n }
\n if(document.readyState === ‘loading’){
\n document.addEventListener(‘DOMContentLoaded’, bind);
\n } else {
\n setTimeout(bind, 500);
\n }
\n})();<\/p>\n","protected":false},"excerpt":{"rendered":"
Premium Volkswagen Viloran MPV for export. Business-class interior, dual electric sliding doors, certified pre-owned vehicle available in Shanghai.<\/p>","protected":false},"featured_media":528,"template":"","vehicle_brand":[18],"energy_type":[13],"body_type":[27],"class_list":["post-200","vehicle","type-vehicle","status-publish","has-post-thumbnail","hentry","vehicle_brand-volkswagen","energy_type-gasoline","body_type-mpv"],"_links":{"self":[{"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/vehicle\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/vehicle"}],"about":[{"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/types\/vehicle"}],"version-history":[{"count":1,"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/vehicle\/200\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/vehicle\/200\/revisions\/334"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/media\/528"}],"wp:attachment":[{"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"vehicle_brand","embeddable":true,"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/vehicle_brand?post=200"},{"taxonomy":"energy_type","embeddable":true,"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/energy_type?post=200"},{"taxonomy":"body_type","embeddable":true,"href":"https:\/\/bailianauto.com\/zh\/wp-json\/wp\/v2\/body_type?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}