content
\n\t\t\t\t\titem.title = figureEl.children[1].innerHTML;
\n\t\t\t\t}<\/p>\n\t\t\t\tif(linkEl.children.length > 0) {
\n\t\t\t\t\t\/\/ ![]()
thumbnail element, retrieving thumbnail url
\n\t\t\t\t\titem.msrc = linkEl.children[0].getAttribute(‘src’);
\n\t\t\t\t} <\/p>\n
\t\t\t\titem.el = figureEl; \/\/ save link to element for getThumbBoundsFn
\n\t\t\t\titems.push(item);
\n\t\t\t}<\/p>\n
\t\t\treturn items;
\n\t\t};<\/p>\n
\t\t\/\/ find nearest parent element
\n\t\tvar closest = function closest(el, fn) {
\n\t\t\treturn el && ( fn(el) ? el : closest(el.parentNode, fn) );
\n\t\t};<\/p>\n
\t\t\/\/ triggers when user clicks on thumbnail
\n\t\tvar onThumbnailsClick = function(e) {
\n\t\t\te = e || window.event;
\n\t\t\te.preventDefault ? e.preventDefault() : e.returnValue = false;<\/p>\n
\t\t\tvar eTarget = e.target || e.srcElement;<\/p>\n
\t\t\tvar clickedListItem = closest(eTarget, function(el) {
\n\t\t\t\treturn el.tagName === ‘FIGURE’;
\n\t\t\t});
\n\t\t\tclickedListItem = eTarget.parentNode;
\n\t\t\tif(!clickedListItem) {
\n\t\t\t\treturn;
\n\t\t\t}<\/p>\n
\t\t\t\/\/ find index of clicked item
\n\t\t\tvar clickedGallery = clickedListItem.parentNode,
\n\t\t\t\tchildNodes = clickedListItem.parentNode.childNodes,
\n\t\t\t\tnumChildNodes = childNodes.length,
\n\t\t\t\tnodeIndex = 0,
\n\t\t\t\tindex;<\/p>\n
\t\t\tfor (var i = 0; i = 0) {
\n\t\t\t\topenPhotoSwipe( index, clickedGallery );
\n\t\t\t}<\/p>\n
\t\t\treturn false;
\n\t\t};<\/p>\n
\t\t\/\/ parse picture index and gallery index from URL (#&pid=1&gid=2)
\n\t\tvar photoswipeParseHash = function() {
\n\t\t\tvar hash = window.location.hash.substring(1),
\n\t\t\t\tparams = {};<\/p>\n
\t\t\tif(hash.length < 5) {
\n\t\t\t\treturn params;
\n\t\t\t}<\/p>\n
\t\t\tvar vars = hash.split('&');
\n\t\t\tfor (var i = 0; i < vars.length; i++) {
\n\t\t\t\tif(!vars[i]) {
\n\t\t\t\t\tcontinue;
\n\t\t\t\t}
\n\t\t\t\tvar pair = vars[i].split('=');
\n\t\t\t\tif(pair.length getThumbBoundsFn section of docs for more info
\n\t\t\t\t\tvar thumbnail = items[index].el.getElementsByTagName(‘img’)[0], \/\/ find thumbnail
\n\t\t\t\t\t\tpageYScroll = window.pageYOffset || document.documentElement.scrollTop,
\n\t\t\t\t\t\trect = thumbnail.getBoundingClientRect(); <\/p>\n
\t\t\t\t\treturn {x:rect.left, y:rect.top + pageYScroll, w:rect.width};
\n\t\t\t\t},<\/p>\n
\t\t\t\tshareButtons: [
\n\t\t\t\t\t{id:’download’, label:’Download image’, url:”, download:true}
\n\t\t\t\t],<\/p>\n
\t\t\t\t\/\/ history & focus options are disabled on CodePen
\n\t\t\t\t\/\/ remove these lines in real life:
\n\t\t\t\thistoryEnabled: false,
\n\t\t\t\tfocus: false <\/p>\n
\t\t\t};<\/p>\n
\t\t\tif(disableAnimation) {
\n\t\t\t\toptions.showAnimationDuration = 0;
\n\t\t\t}<\/p>\n
\t\t\t\/\/ Pass data to PhotoSwipe and initialize it
\n\t\t\tgallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
\n\t\t\tgallery.init();
\n\t\t};<\/p>\n
\t\t\/\/ loop through all gallery elements and bind events
\n\t\tvar galleryElements = document.querySelectorAll( gallerySelector );<\/p>\n
\t\tfor(var i = 0, l = galleryElements.length; i 0 && hashData.gid > 0) {
\n\t\t\topenPhotoSwipe( hashData.pid – 1 , galleryElements[ hashData.gid – 1 ], true );
\n\t\t}
\n\t};<\/p>\n
\t\/\/ execute above function
\n\tinitPhotoSwipeFromDOM(‘.pms-galeria’);<\/p>\n
\t\/\/ All images need to be loaded for this plugin to work so
\n\t\/\/ we end up waiting for the whole window to load in this example
\n\t$$(window).load(function () {
\n\t\t$$(document).ready(function(){
\n\t\t\tcollage();
\n\t\t\t$$(‘.pms-galeria’).collageCaption();
\n\t\t});
\n\t});<\/p>\n
\t\/\/ Here we apply the actual CollagePlus plugin
\n\tfunction collage() {
\n\t\t$$(‘.pms-galeria img’).css(‘display’, ‘block’);
\n\t\t$$(‘.pms-galeria’).removeWhitespace().collagePlus({
\n\t\t\t‘fadeSpeed’ : 2000,
\n\t\t\t‘targetHeight’ : 150,
\n\t\t\t‘effect’ : ‘default’,
\n\t\t\t‘direction’ : ‘vertical’,
\n\t\t\t‘allowPartialLastRow’ : true
\n\t\t});
\n\t};<\/p>\n
\t\/\/ This is just for the case that the browser window is resized
\n\tvar resizeTimer = null;
\n\t$$(window).bind(‘resize’, function() {
\n\t\t\/\/ hide all the images until we resize them
\n\t\t$$(‘.pms-galeria .Image_Wrapper’).css(“opacity”, 0);
\n\t\t\/\/ set a timer to re-apply the plugin
\n\t\tif (resizeTimer) clearTimeout(resizeTimer);
\n\t\tresizeTimer = setTimeout(collage, 200);
\n\t});<\/p>\n","protected":false},"excerpt":{"rendered":"
Foto: Secid Na tarde desta segunda-feira (9), a Prefeitura de Sorocaba, por meio da Secretaria da Cidadania (Secid), realizou a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[1],"tags":[],"class_list":["post-52665","post","type-post","status-publish","format-standard","hentry","category-sem-categoria"],"_links":{"self":[{"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/posts\/52665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=52665"}],"version-history":[{"count":0,"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/posts\/52665\/revisions"}],"wp:attachment":[{"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=52665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/categories?post=52665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/euvivoaselecao.com.br\/index.php\/wp-json\/wp\/v2\/tags?post=52665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}