Q: Album #2 Napoli Obliqua 2023

‹ › × × Previous Next jQuery(function() { // Set blueimp gallery options jQuery.extend(blueimp.Gallery.prototype.options, { useBootstrapModal: false, hidePageScrollbars: false }); });

Question 1

Album Napoli Obliqua 2023

Accepted Answer

;(function ($, window, document, undefined) {
								'use strict';
								var pluginName = "flickr",
									defaults = {
										apiKey: "",
										photosetId: "",
										errorText: "<div class='fnf'><i class='far fa-times-circle'></i> Error generating gallery.</div>",
										loadingSpeed: 38,
										photosLimit: 200
									},
									apiUrl = 'https://api.flickr.com/services/rest/',
									photos = [];

// The actual plugin constructor
								function Plugin(element, options) {
									this.element = $(element);
									this.settings = $.extend({}, defaults, options);
									this._defaults = defaults;
									this._name = pluginName;

this._hideSpinner = function() {
										this.element.find('.spinner-wrapper').hide().find('*').hide();
									};

this._printError = function() {
										 //this.element.find('.gallery-container').append($("<div></div>", { "class": "col-lg-12 col-lg-offset-1" })
										this.element.find('.gallery-container').append($("<div></div>", { "class": "col-lg-12" })
											.append($("<div></div>", { "class": "error-wrapper" })
												.append($("<span></span>", { "class": "label label-danger error" })
													.html(this.settings.errorText))));
									};

this._flickrAnimate = function() {
										this.element.find('.gallery-container img').each($.proxy(function(index, el) {
											var image = el;
											setTimeout(function() {
												$(image).parent().fadeIn();
											}, this.settings.loadingSpeed * index);
										}, this));
									};

this._printGallery = function(photos) {
										var element = this.element.find('.gallery-container');
										$.each(photos, function(key, photo) {
											var img = $('<img>', { 'class': 'thumb img-thumbnail flickr-img-responsive', src: photo.thumbnail, 'alt': photo.title });
											element.append($('<div></div>', { 'class': ' col-md-3 col-sm-4 col-center wpfrank-flickr-div' })
												.append($('<a></a>', { 'class': '', href: photo.href, 'data-gallery': '', 'title': photo.title }).hide()
													.append(img)));
										});

element.imagesLoaded()
											.done($.proxy(this._flickrAnimate, this))
											.always($.proxy(this._hideSpinner, this));
									};

this._flickrPhotoset = function(photoset) {
										var _this = this;
										
										photos[photoset.id] = [];
										$.each(photoset.photo, function(key, photo) {
											// Limit number of photos.
											if(key >= _this.settings.photosLimit) {
												return false;
											}

photos[photoset.id][key] = {
												thumbnail: 'https://farm' + photo.farm + '.static.flickr.com/' + photo.server + '/' + photo.id + '_' + photo.secret + '_q.jpg',
												href: 'https://farm' + photo.farm + '.static.flickr.com/' + photo.server + '/' + photo.id + '_' + photo.secret + '_b.jpg',
												title: photo.title
											};
										});

this._printGallery(photos[photoset.id]);
									};

this._onFlickrResponse = function(response) {
										if(response.stat === "ok") {
											 this._flickrPhotoset(response.photoset);
										}
										else {
											this._hideSpinner();
											this._printError();
										}
									};

this._flickrRequest = function(method, data) {
										var url = apiUrl + "?format=json&jsoncallback=?&method=" + method + "&api_key=" + this.settings.apiKey;

$.each(data, function(key, value) {
											url += "&" + key + "=" + value;
										});

$.ajax({
											dataType: "json",
											url: url,
											context: this,
											success: this._onFlickrResponse
										});
									};

this._flickrInit = function () {
										this._flickrRequest('flickr.photosets.getPhotos', {
											photoset_id: this.settings.photosetId
										});
									};

// Init
									this.init();
								}

Plugin.prototype = {
									init: function () {
										this._flickrInit();
									}
								};

// Wrapper
								$.fn[pluginName] = function (options) {
									this.each(function () {
										if (!$.data(this, "plugin_" + pluginName)) {
											$.data(this, "plugin_" + pluginName, new Plugin(this, options));
										}
									});

// Chain
									return this;
								};
							})(jQuery, window, document);
							</script>
							<div class="gallery1870">
								
														<div class="row">
									<div class="col-xs-12 spinner-wrapper">
										<div class="LoadingImg"><img src="https://www.napoliobliqua.it/wp-content/plugins/flickr-album-gallery/img/loading.gif" /></div>
									</div>
									<div align="center" class="gallery-container"></div>
								</div>
							</div>
									
			
			<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
				<div class="slides"></div>
				<h3 class="title"></h3>
				<a class="prev">‹</a>
				<a class="next">›</a>
				<a class="close">×</a>
				<a class="play-pause"></a>
				<ol class="indicator"></ol>
				<div class="modal fade">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" aria-hidden="true">&times;</button>
								<h4 class="modal-title"></h4>
							</div>
							<div class="modal-body next"></div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default pull-left prev">
									<i class="glyphicon glyphicon-chevron-left"></i>
									Previous								</button>
								<button type="button" class="btn btn-primary next">
									Next									<i class="glyphicon glyphicon-chevron-right"></i>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<script type="text/javascript">
			jQuery(function() {
				// Set blueimp gallery options
				jQuery.extend(blueimp.Gallery.prototype.options, {
					useBootstrapModal: false,
					hidePageScrollbars: false
				});
			});
			</script>

Question 2

Album #2 Napoli Obliqua 2023

Accepted Answer

<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
				<div class="slides"></div>
				<h3 class="title"></h3>
				<a class="prev">‹</a>
				<a class="next">›</a>
				<a class="close">×</a>
				<a class="play-pause"></a>
				<ol class="indicator"></ol>
				<div class="modal fade">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" aria-hidden="true">&times;</button>
								<h4 class="modal-title"></h4>
							</div>
							<div class="modal-body next"></div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default pull-left prev">
									<i class="glyphicon glyphicon-chevron-left"></i>
									Previous								</button>
								<button type="button" class="btn btn-primary next">
									Next									<i class="glyphicon glyphicon-chevron-right"></i>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<script type="text/javascript">
			jQuery(function() {
				// Set blueimp gallery options
				jQuery.extend(blueimp.Gallery.prototype.options, {
					useBootstrapModal: false,
					hidePageScrollbars: false
				});
			});
			</script>

Cookie	Durata	Descrizione
cookielawinfo-checkbox-advertisement	session	Set by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
CookieLawInfoConsent	session	Records the default button state of the corresponding category & the status of CCPA. It works only in coordination with the primary cookie.
elementor	never	This cookie is used by the website's WordPress theme. It allows the website owner to implement or change the website's content in real-time.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Cookie	Durata	Descrizione
_wlutm	session	No description available.
SESSION	session	No description

+39 338 212 7542

email us

napoli obliqua

edizione 2023

Info

eventi

press

media

Informazioni ed Itinerario

Lunghezza

Dislivello

Altitudine massima

Quando

Manto stradale

bici

Napoli Obliqua sulla rivista Italia in bicicletta, a cura di National Geographic e Repubblica

eventi

La Descrizione del Percorso della Napoli Obliqua

Sold Out per la Napoli Obliqua: oltre 250 ciclisti iscritti

Tracce definitive 2023

Next stop: Napoli Obliqua 2023

TORNA LA NAPOLI OBLIQUA

URBAN GREEN WAY

rassegna stampa

Napoli Obliqua 2023 al TGR Campania

Rassegna stampa 2023

Rassegna stampa 2023

Radio24 – La Napoli obliqua e la Via Silente

media gallery