Победа в конкурсе «Фавориты Успеха» — это результат неутомимой работы над имиджем бренда, подтверждение безусловного доверия потребителей,
которые рекомендовали победителя в качестве наилучшего выбора среди ассортимента аналогичных предложений.

Применение знака «Фаворит Успеха» в дальнейших кампаниях по популяризации бренда даёт ему ряд конкурентных преимуществ.
Медаль «Фаворит Успеха» — сама по себе является известным брендом и узнаваемый потребителями знаком отличия,
который даёт возможность потребителю определиться в многообразии представленных на рынке товаров и услуг и всегда выбирать для себя только наилучшее.

– 

– 

.demo-gallery {
  width: 100%;
  height: auto;
  float: left;
}
.demo-gallery a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  display: block;
  float: left;
  margin: 0 12px 12px 0;
  width: 171px;
	max-height: 125px;
  line-height: 0;
}

@media only screen and (max-width: 420px) {
	.demo-gallery a {
		float: none !important;
		text-align: center;
		width: 100%;
		padding-bottom: 22px !important;
	}
}

a.demo-gallery__img--main {
  width: auto;
  height: auto;
}

figure {
  display: block;
}

.demo-gallery figure {
  display: none;
}
.demo-gallery__title {
  line-height: 14px;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
  width: 100%;
  float: left;
}
.grid-item {
	text-align: center;
	margin-bottom: 25px;
}

Сцена

	        0-2015-KOB_1363.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/0-2015-KOB_1363.JPG)
	        0-2015-KOB_1655.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/0-2015-KOB_1655.JPG)
	        0-2015-KOB_2007_v2.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/0-2015-KOB_2007_v2.jpg)
	        1-2014-CSV_4924.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/1-2014-CSV_4924.jpg)
	        1-2014-CSV_6567-Edit.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/1-2014-CSV_6567-Edit.jpg)
	        1-2014-CSV_6598.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/1-2014-CSV_6598.jpg)
	        1-2014-CSV_6606.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/1-2014-CSV_6606.jpg)
	        1-2014-CSV_6653-Edit.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/1-2014-CSV_6653-Edit.jpg)
	        2-2013-CSV_9235.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/2-2013-CSV_9235.jpg)
	        2-2013-CSV_9448.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/2-2013-CSV_9448.jpg)
	        2-2013-CSV_9667-obr.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/2-2013-CSV_9667-obr.jpg)
	        3-2011-CSV_1439.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/3-2011-CSV_1439.jpg)
	        4-2010-CSV_7210.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/4-2010-CSV_7210.JPG)
	        4b-2010-CSV_6183.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/4b-2010-CSV_6183.JPG)
	        4c-2010-CSV_7686.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/4c-2010-CSV_7686.JPG)
	        4c-2010-CSV_7696.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/4c-2010-CSV_7696.JPG)
	        4c-2010-CSV_7697.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/4c-2010-CSV_7697.JPG)
	        4d-2010-DSC_7532ob.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/4d-2010-DSC_7532ob.jpg)
	        ny-ParaNormalnyh.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/scene/ny-ParaNormalnyh.jpg)

Люди

	        2016-07-04 16.05.03.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/2016-07-04 16.05.03.jpg)
	        IMG_8058111.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_8058111.jpg)
	        IMG_8176.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_8176.jpg)
	        IMG_8181.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_8181.jpg)
	        IMG_8309a.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_8309a.jpg)
	        IMG_8326b.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_8326b.jpg)
	        IMG_8329a.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_8329a.jpg)
	        IMG_8332a.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_8332a.jpg)
	        IMG_9408.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_9408.jpg)
	        IMG_9452.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_9452.jpg)
	        IMG_9476.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/IMG_9476.jpg)
	        KOR_3319.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/KOR_3319.jpg)
	        Sandoz-cut.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/Sandoz-cut.jpg)
	        WSS_0784.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/WSS_0784.JPG)
	        WSS_3693.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/WSS_3693.jpg)
	        WSS_3696.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/WSS_3696.jpg)
	        WSS_3713.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/WSS_3713.jpg)
	        WSS_3728.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/WSS_3728.jpg)
	        WSS_3896.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/WSS_3896.jpg)
	        WSS_3935.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/WSS_3935.jpg)
	        _IMG_9795.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_IMG_9795.JPG)
	        _IMG_9889.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_IMG_9889.JPG)
	        _IMG_9926.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_IMG_9926.JPG)
	        _MG_5385.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5385.jpg)
	        _MG_5414.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5414.jpg)
	        _MG_5486.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5486.jpg)
	        _MG_5503.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5503.jpg)
	        _MG_5548.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5548.jpg)
	        _MG_5556.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5556.jpg)
	        _MG_5592.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5592.jpg)
	        _MG_5626.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5626.jpg)
	        _MG_5635.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5635.jpg)
	        _MG_5708.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5708.jpg)
	        _MG_5719.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5719.jpg)
	        _MG_5739.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5739.jpg)
	        _MG_5827.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/people/_MG_5827.jpg)

Финал

	        0-2015-KOB_2315.JPG (https://favor.com.ua/pics/1/blog/2017/03/gallery/final/0-2015-KOB_2315.JPG)
	        1-2014-CSV_6511.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/final/1-2014-CSV_6511.jpg)
	        2-2013-CSV_0389.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/final/2-2013-CSV_0389.jpg)
	        3-2012-IMG_8359a.jpg (https://favor.com.ua/pics/1/blog/2017/03/gallery/final/3-2012-IMG_8359a.jpg)

    (function() {

		var initPhotoSwipeFromDOM = function(gallerySelector) {

			var parseThumbnailElements = function(el) {
			    var thumbElements = el.childNodes,
			        numNodes = thumbElements.length,
			        items = [],
			        el,
			        childElements,
			        thumbnailEl,
			        size,
			        item;

			    for(var i = 0; i < numNodes; i++) {
				el = thumbElements[i];

			        // include only element nodes 
			        if(el.nodeType !== 1) continue;

				childElements = el.children;

				size = el.getAttribute('data-size').split('x');

			        // create slide object
			        item = {
						src: el.getAttribute('href'),
						w: parseInt(size[0], 10),
						h: parseInt(size[1], 10),
						author: el.getAttribute('data-author')
			        };

			        item.el = el; // save link to element for getThumbBoundsFn

			        if(childElements.length > 0) {
			          item.msrc = childElements[0].getAttribute('src'); // thumbnail url
			          if(childElements.length > 1) {
			              item.title = childElements[1].innerHTML; // caption (contents of figure)
			          }
			        }

				var mediumSrc = el.getAttribute('data-med');
				if(mediumSrc) {
					size = el.getAttribute('data-med-size').split('x');
					// "medium-sized" image
					item.m = {
						src: mediumSrc,
			              		w: parseInt(size[0], 10),
			              		h: parseInt(size[1], 10)
			            	};
		          	}
		          	// original image
		          	item.o = {
		          		src: item.src,
		          		w: item.w,
		          		h: item.h
		          	};

			        items.push(item);
			    }

			    return items;
			};

			// find nearest parent element
			var closest = function closest(el, fn) {
			    return el && ( fn(el) ? el: closest(el.parentNode, fn) );
			};

			var onThumbnailsClick = function(e) {
				e = e || window.event;
				e.preventDefault ? e.preventDefault(): e.returnValue = false;

			    var eTarget = e.target || e.srcElement;

			    var clickedListItem = closest(eTarget, function(el) {
			        return el.tagName === 'A';
			    });

			    if(!clickedListItem) {
			        return;
			    }

			    var clickedGallery = clickedListItem.parentNode;

			    var childNodes = clickedListItem.parentNode.childNodes,
			        numChildNodes = childNodes.length,
			        nodeIndex = 0,
			        index;

			    for (var i = 0; i < numChildNodes; i++) {
			        if(childNodes[i].nodeType !== 1) { 
			            continue; 
			        }

			        if(childNodes[i] === clickedListItem) {
			            index = nodeIndex;
			            break;
			        }
			        nodeIndex++;
			    }

			    if(index >= 0) {
			        openPhotoSwipe( index, clickedGallery );
			    }
			    return false;
			};

			var photoswipeParseHash = function() {
				var hash = window.location.hash.substring(1),
			    params = {};

			    if(hash.length < 5) { // pid=1
			        return params;
			    }

			    var vars = hash.split('&');
			    for (var i = 0; i < vars.length; i++) {
			        if(!vars[i]) {
			            continue;
			        }
			        var pair = vars[i].split('=');  
			        if(pair.length < 2) {
			            continue;
			        }           
			        params[pair[0]] = pair[1];
			    }

			    if(params.gid) {
			    	params.gid = parseInt(params.gid, 10);
			    }

			    return params;
			};

			var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {
			    var pswpElement = document.querySelectorAll('.pswp')[0],
			        gallery,
			        options,
			        items;

				items = parseThumbnailElements(galleryElement);

			    // define options (if needed)
			    options = {

			        galleryUID: galleryElement.getAttribute('data-pswp-uid'),

			        getThumbBoundsFn: function(index) {
			            // See Options->getThumbBoundsFn section of docs for more info
			            var thumbnail = items[index].el.children[0],
			                pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
			                rect = thumbnail.getBoundingClientRect(); 

			            return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};
			        },

			        addCaptionHTMLFn: function(item, captionEl, isFake) {
						if(!item.title) {
							captionEl.children[0].innerText = '';
							return false;
						}
						captionEl.children[0].innerHTML = item.title;// +  '
Photo: ' + item.author + '';
						return true;
			        }

			    };

			    if(fromURL) {
			    	if(options.galleryPIDs) {
			    		// parse real index when custom PIDs are used 
			    		// http://photoswipe.com/documentation/faq.html#custom-pid-in-url
			    		for(var j = 0; j < items.length; j++) {
			    			if(items[j].pid == index) {
			    				options.index = j;
			    				break;
			    			}
			    		}
				    } else {
				    	options.index = parseInt(index, 10) - 1;
				    }
			    } else {
			    	options.index = parseInt(index, 10);
			    }

			    // exit if index not found
			    if( isNaN(options.index) ) {
			    	return;
			    }

				var radios = document.getElementsByName('gallery-style');
				for (var i = 0, length = radios.length; i < length; i++) {
				    if (radios[i].checked) {
				        if(radios[i].id == 'radio-all-controls') {

				        } else if(radios[i].id == 'radio-minimal-black') {
				        	options.mainClass = 'pswp--minimal--dark';
					        options.barsSize = {top:0,bottom:0};
							options.captionEl = false;
							options.fullscreenEl = false;
							options.shareEl = false;
							options.bgOpacity = 0.85;
							options.tapToClose = true;
							options.tapToToggleControls = false;
				        }
				        break;
				    }
				}

			    if(disableAnimation) {
			        options.showAnimationDuration = 0;
			    }

			    // Pass data to PhotoSwipe and initialize it
			    gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);

			    // see: http://photoswipe.com/documentation/responsive-images.html
				var realViewportWidth,
				    useLargeImages = false,
				    firstResize = true,
				    imageSrcWillChange;

				gallery.listen('beforeResize', function() {

					var dpiRatio = window.devicePixelRatio ? window.devicePixelRatio: 1;
					dpiRatio = Math.min(dpiRatio, 2.5);
				    realViewportWidth = gallery.viewportSize.x * dpiRatio;

				    if(realViewportWidth >= 1200 || (!gallery.likelyTouchDevice && realViewportWidth > 800) || screen.width > 1200 ) {
				    	if(!useLargeImages) {
				    		useLargeImages = true;
				        	imageSrcWillChange = true;
				    	}

				    } else {
				    	if(useLargeImages) {
				    		useLargeImages = false;
				        	imageSrcWillChange = true;
				    	}
				    }

				    if(imageSrcWillChange && !firstResize) {
				        gallery.invalidateCurrItems();
				    }

				    if(firstResize) {
				        firstResize = false;
				    }

				    imageSrcWillChange = false;

				});

				gallery.listen('gettingData', function(index, item) {
				    if (useLargeImages) {
				        item.src = item.o.src;
				        item.w = item.o.w;
				        item.h = item.o.h;
				    } else {
				        item.src = item.m.src;
				        item.w = item.m.w;
				        item.h = item.m.h;
				    }
				});

			    gallery.init();
			};

			// select all gallery elements
			var galleryElements = document.querySelectorAll( gallerySelector );
			for(var i = 0, l = galleryElements.length; i < l; i++) {
				galleryElements[i].setAttribute('data-pswp-uid', i+1);
				galleryElements[i].onclick = onThumbnailsClick;
			}

			// Parse URL and open gallery if it contains #&pid=3&gid=1
			var hashData = photoswipeParseHash();
			if(hashData.pid && hashData.gid) {
				openPhotoSwipe( hashData.pid,  galleryElements[ hashData.gid - 1 ], true, true );
			}
		};

		initPhotoSwipeFromDOM('.demo-gallery');

	})();

$('.demo-gallery').masonry({
  itemSelector: '.grid-item',
  columnWidth: 200

});

————————————

Цей документ було скопійовано з FAVOR.com.ua (https://favor.com.ua/blogs/28244.html).
Всі права на матеріал зберігаються за його автором. При перепублікуванні посилання на джерело матеріалу є обов’язковим!
Дата документу: 23 лютого 2017 р.