{"id":3559,"date":"2024-12-12T15:32:21","date_gmt":"2024-12-12T14:32:21","guid":{"rendered":"https:\/\/dutchsearchawards.nl\/?page_id=3559"},"modified":"2024-12-12T16:02:17","modified_gmt":"2024-12-12T15:02:17","slug":"images","status":"publish","type":"page","link":"https:\/\/dutchsearchawards.nl\/en\/images\/","title":{"rendered":"Images"},"content":{"rendered":"<section class=\"py-5\">\n<div class=\"container\">\n<div class=\"row mb-5\">\n<div class=\"col-12\">\n                            <style>\n                                            .flickr-img-responsive {\n                            width:100% !important;\n                            height:auto !important;\n                            display:block !important;\n                        }\n                        .LoadingImg img {\n                            max-width: 45px;\n                            max-height: 45px;\n                            box-shadow: none;\n                        }\n                        .wpfrank-flickr-div{\n                            padding:15px;\n                        }\n                        @media (max-width: 786px){\n                            .col-md-3 {\n                                width:49.9%;\n                                float:left;\n                            }\n                        }\n                        .play-pause {\n                            display: none !important;\n                        }\n                        .gallery3555 {\n                            overflow:hidden;\n                            clear: both;\n                        }\n                        .fnf{\n                            background-color: #a92929;\n                            border-radius: 5px;\n                            color: #fff;\n                            font-family: initial;\n                            text-align: center;\n                            padding:12px;\n                        }\n                    <\/style>\n                    <script type=\"text\/javascript\">\n                    jQuery(function() {\n                        jQuery('.gallery-3555').flickr({\n                            apiKey: '140ef12c1e363060514604ea18394c7c',\n                            photosetId: '72177720330912595'\n                        });\n                    });\n\n                    ;(function ($, window, document, undefined) {\n                        'use strict';\n                        var pluginName = \"flickr\",\n                            defaults = {\n                                apiKey: \"\",\n                                photosetId: \"\",\n                                errorText: \"<div class='fnf'><i class='far fa-times-circle'><\/i> Error generating gallery.<\/div>\",\n                                loadingSpeed: 38,\n                                photosLimit: 200\n                            },\n                            apiUrl = 'https:\/\/api.flickr.com\/services\/rest\/',\n                            photos = [];\n\n                        function Plugin(element, options) {\n                            this.element = $(element);\n                            this.settings = $.extend({}, defaults, options);\n                            this._defaults = defaults;\n                            this._name = pluginName;\n\n                            this._hideSpinner = function() {\n                                this.element.find('.spinner-wrapper').hide().find('*').hide();\n                            };\n\n                            this._printError = function() {\n                                this.element.find('.gallery-container').append($(\"<div><\/div>\", { \"class\": \"col-lg-12\" })\n                                    .append($(\"<div><\/div>\", { \"class\": \"error-wrapper\" })\n                                        .append($(\"<span><\/span>\", { \"class\": \"label label-danger error\" })\n                                            .html(this.settings.errorText))));\n                            };\n\n                            this._flickrAnimate = function() {\n                                this.element.find('.gallery-container img').each($.proxy(function(index, el) {\n                                    var image = el;\n                                    setTimeout(function() {\n                                        $(image).parent().fadeIn();\n                                    }, this.settings.loadingSpeed * index);\n                                }, this));\n                            };\n\n                            this._printGallery = function(photos) {\n                                var element = this.element.find('.gallery-container');\n                                if (!photos || photos.length === 0) {\n                                    this._hideSpinner();\n                                    this._printError();\n                                    return;\n                                }\n                                $.each(photos, function(key, photo) {\n                                    if (!photo || !photo.thumbnail) return; \/\/ Skip undefined or invalid photos\n                                    var img = $('<img>', { 'class': 'thumb img-thumbnail flickr-img-responsive', src: photo.thumbnail, 'alt': photo.title });\n                                    element.append($('<div><\/div>', { 'class': ' col-md-3 col-sm-4 col-center wpfrank-flickr-div' })\n                                        .append($('<a><\/a>', { 'class': '', href: photo.href, 'data-gallery': '', 'title': photo.title }).hide()\n                                            .append(img)));\n                                });\n\n                                element.imagesLoaded()\n                                    .done($.proxy(this._flickrAnimate, this))\n                                    .always($.proxy(this._hideSpinner, this));\n                            };\n\n                            this._flickrPhotoset = function(photoset) {\n                                var _this = this;\n                                photos[photoset.id] = [];\n                                $.each(photoset.photo, function(key, photo) {\n                                    if (photo.media !== \"photo\") {\n                                        return true; \/\/ Skip videos\n                                    }\n                                    if (key >= _this.settings.photosLimit) {\n                                        return false;\n                                    }\n                                    photos[photoset.id][key] = {\n                                        thumbnail: 'https:\/\/farm' + photo.farm + '.static.flickr.com\/' + photo.server + '\/' + photo.id + '_' + photo.secret + '_q.jpg',\n                                        href: 'https:\/\/farm' + photo.farm + '.static.flickr.com\/' + photo.server + '\/' + photo.id + '_' + photo.secret + '_b.jpg',\n                                        title: photo.title\n                                    };\n                                });\n\n                                console.log('Filtered photos:', photos[photoset.id]); \/\/ Debug log\n                                if (photos[photoset.id].length > 0) {\n                                    this._printGallery(photos[photoset.id]);\n                                } else {\n                                    this._hideSpinner();\n                                    this._printError();\n                                }\n                            };\n\n                            this._onFlickrResponse = function(response) {\n                                console.log('API Response:', response); \/\/ Debug log\n                                if (response.stat === \"ok\") {\n                                    this._flickrPhotoset(response.photoset);\n                                } else {\n                                    this._hideSpinner();\n                                    this._printError();\n                                }\n                            };\n\n                            this._flickrRequest = function(method, data) {\n                                var url = apiUrl + \"?format=json&jsoncallback=?&method=\" + method + \"&api_key=\" + this.settings.apiKey;\n                                $.each(data, function(key, value) {\n                                    url += \"&\" + key + \"=\" + value;\n                                });\n\n                                $.ajax({\n                                    dataType: \"json\",\n                                    url: url,\n                                    context: this,\n                                    success: this._onFlickrResponse\n                                });\n                            };\n\n                            this._flickrInit = function () {\n                                this._flickrRequest('flickr.photosets.getPhotos', {\n                                    photoset_id: this.settings.photosetId,\n                                    extras: 'media'\n                                });\n                            };\n\n                            this.init();\n                        }\n\n                        Plugin.prototype = {\n                            init: function () {\n                                this._flickrInit();\n                            }\n                        };\n\n                        $.fn[pluginName] = function (options) {\n                            this.each(function () {\n                                if (!$.data(this, \"plugin_\" + pluginName)) {\n                                    $.data(this, \"plugin_\" + pluginName, new Plugin(this, options));\n                                }\n                            });\n                            return this;\n                        };\n                    })(jQuery, window, document);\n                    <\/script>\n                    <div class=\"gallery-3555\">\n                                                <div class=\"row\">\n                            <div class=\"col-xs-12 spinner-wrapper\">\n                                <div class=\"LoadingImg\"><img decoding=\"async\" src=\"https:\/\/dutchsearchawards.nl\/wp-content\/plugins\/flickr-album-gallery\/img\/loading.gif\" \/><\/div>\n                            <\/div>\n                            <div align=\"center\" class=\"gallery-container\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n            <!-- Blueimp gallery -->\n            <div id=\"blueimp-gallery-3555\" class=\"blueimp-gallery blueimp-gallery-controls\">\n                <div class=\"slides\"><\/div>\n                <h3 class=\"title\"><\/h3>\n                <a class=\"prev\">\u2039<\/a>\n                <a class=\"next\">\u203a<\/a>\n                <a class=\"close\">\u00d7<\/a>\n                <a class=\"play-pause\"><\/a>\n                <ol class=\"indicator\"><\/ol>\n                <div class=\"modal fade\">\n                    <div class=\"modal-dialog\">\n                        <div class=\"modal-content\">\n                            <div class=\"modal-header\">\n                                <button type=\"button\" class=\"close\" aria-hidden=\"true\">\u00d7<\/button>\n                                <h4 class=\"modal-title\"><\/h4>\n                            <\/div>\n                            <div class=\"modal-body next\"><\/div>\n                            <div class=\"modal-footer\">\n                                <button type=\"button\" class=\"btn btn-default pull-left prev\">\n                                    <i class=\"glyphicon glyphicon-chevron-left\"><\/i>\n                                    Previous                                <\/button>\n                                <button type=\"button\" class=\"btn btn-primary next\">\n                                    Next                                    <i class=\"glyphicon glyphicon-chevron-right\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <script type=\"text\/javascript\">\n            jQuery(function() {\n                jQuery.extend(blueimp.Gallery.prototype.options, {\n                    useBootstrapModal: false,\n                    hidePageScrollbars: false,\n                    container: \"#blueimp-gallery-3555\",\n                });\n            });\n            <\/script>\n\n            \n      <\/div>\n<\/p><\/div>\n<div class=\"row mb-5\">\n<div class=\"col-12 text-center\">\n        <a class=\"btn btn-ghost\" href=\"https:\/\/www.flickr.com\/photos\/201958117@N02\/albums\/72177720322539353\" target=\"_blank\">Bekijk alle foto&#8217;s<\/a>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Bekijk alle foto&#8217;s<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3559","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Images - Dutch Search Awards<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dutchsearchawards.nl\/en\/images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Images - Dutch Search Awards\" \/>\n<meta property=\"og:description\" content=\"Bekijk alle foto&#8217;s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dutchsearchawards.nl\/en\/images\/\" \/>\n<meta property=\"og:site_name\" content=\"Dutch Search Awards\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-12T15:02:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/images\\\/\",\"url\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/images\\\/\",\"name\":\"Images - Dutch Search Awards\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/#website\"},\"datePublished\":\"2024-12-12T14:32:21+00:00\",\"dateModified\":\"2024-12-12T15:02:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/images\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/images\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/images\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/\",\"name\":\"Dutch Search Awards\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dutchsearchawards.nl\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Images - Dutch Search Awards","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dutchsearchawards.nl\/en\/images\/","og_locale":"en_US","og_type":"article","og_title":"Images - Dutch Search Awards","og_description":"Bekijk alle foto&#8217;s","og_url":"https:\/\/dutchsearchawards.nl\/en\/images\/","og_site_name":"Dutch Search Awards","article_modified_time":"2024-12-12T15:02:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dutchsearchawards.nl\/en\/images\/","url":"https:\/\/dutchsearchawards.nl\/en\/images\/","name":"Images - Dutch Search Awards","isPartOf":{"@id":"https:\/\/dutchsearchawards.nl\/en\/#website"},"datePublished":"2024-12-12T14:32:21+00:00","dateModified":"2024-12-12T15:02:17+00:00","breadcrumb":{"@id":"https:\/\/dutchsearchawards.nl\/en\/images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dutchsearchawards.nl\/en\/images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dutchsearchawards.nl\/en\/images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dutchsearchawards.nl\/en\/"},{"@type":"ListItem","position":2,"name":"Images"}]},{"@type":"WebSite","@id":"https:\/\/dutchsearchawards.nl\/en\/#website","url":"https:\/\/dutchsearchawards.nl\/en\/","name":"Dutch Search Awards","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dutchsearchawards.nl\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/dutchsearchawards.nl\/en\/wp-json\/wp\/v2\/pages\/3559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dutchsearchawards.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dutchsearchawards.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dutchsearchawards.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dutchsearchawards.nl\/en\/wp-json\/wp\/v2\/comments?post=3559"}],"version-history":[{"count":4,"href":"https:\/\/dutchsearchawards.nl\/en\/wp-json\/wp\/v2\/pages\/3559\/revisions"}],"predecessor-version":[{"id":3571,"href":"https:\/\/dutchsearchawards.nl\/en\/wp-json\/wp\/v2\/pages\/3559\/revisions\/3571"}],"wp:attachment":[{"href":"https:\/\/dutchsearchawards.nl\/en\/wp-json\/wp\/v2\/media?parent=3559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}