0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
beatlesmontreal.com
/
wp-contentebbd3f
/
uploads
/
wp-content
/
plugins
/
jetpack
/
modules
/
carousel
/
[
Home
]
File: jetpack-carousel.js
jQuery(document).ready(function($) { // gallery faded layer and container elements var overlay, comments, gallery, container, nextButton, previousButton, info, title, caption, resizeTimeout, mouseTimeout, photo_info, close_hint, commentInterval, buttons, screenPadding = 110, originalOverflow = $('body').css('overflow'), proportion = 85; var keyListener = function(e){ switch(e.which){ case 38: // up e.preventDefault(); container.scrollTop(container.scrollTop() - 100); break; case 40: // down e.preventDefault(); container.scrollTop(container.scrollTop() + 100); break; case 39: // right e.preventDefault(); gallery.jp_carousel('clearCommentTextAreaValue'); gallery.jp_carousel('next'); break; case 37: // left e.preventDefault(); gallery.jp_carousel('clearCommentTextAreaValue'); gallery.jp_carousel('previous'); break; case 27: // escape e.preventDefault(); gallery.jp_carousel('clearCommentTextAreaValue'); container.jp_carousel('close'); break; default: // making jslint happy break; } }; var resizeListener = function(e){ clearTimeout(resizeTimeout); resizeTimeout = setTimeout(function(){ gallery .jp_carousel('slides') .jp_carousel('fitSlide', true); gallery .jp_carousel('fitInfo', true) .jp_carousel('fitMeta', true); }, 200); }; var prepareGallery = function(){ if (!overlay) { overlay = $('<div></div>') .addClass('jp-carousel-overlay') .css({ 'position' : 'absolute', 'top' : 0, 'right' : 0, 'bottom' : 0, 'left' : 0 }); buttons = '<a class="jp-carousel-commentlink" href="#">' + jetpackCarouselStrings.comment + '</a>'; buttons = $('<div class="jp-carousel-buttons">' + buttons + '</div>'); caption = $('<h2></h2>'); photo_info = $('<div class="jp-carousel-photo-info"></div>').append(caption); imageMeta = $('<div></div>') .addClass('jp-carousel-image-meta') .css({ 'float' : 'right', 'margin-top' : '20px', 'width' : '250px' }); titleAndDescription = $('<div></div>') .addClass('jp-carousel-titleanddesc') .css({ 'width' : '100%', 'margin-top' : imageMeta.css('margin-top') }); var commentFormMarkup = ''; var iframeSrc = ''; commentFormMarkup = '<div id="jp-carousel-comment-form-container">'; if (iframeSrc && iframeSrc.length) { // We're using Jetpack comments! var iframeHeight = (jetpackCarouselStrings.is_logged_in || iframeSrc.match('comment_registration=1')) ? 220 : 340; iframeSrc = iframeSrc.replace(/(blogid=\d+)/, '$1&postid='+window.location.hash.replace(/#jp-carousel-/,'')); // get initial attachment id from URL hash commentFormMarkup += '<iframe src="'+iframeSrc+'" width="100%" height="'+iframeHeight+'" style="width:100%;height:'+iframeHeight+'px;" allowtransparency="true" frameBorder="0" scrolling="no" name="jp-carousel-comment-iframe" id="jp-carousel-comment-iframe"></iframe>'; } else if ( jetpackCarouselStrings.local_comments_commenting_as && jetpackCarouselStrings.local_comments_commenting_as.length ) { // Jetpack comments not enabled, fallback to local comments commentFormMarkup += '<form id="jp-carousel-comment-form">'; commentFormMarkup += '<textarea name="comment" class="jp-carousel-comment-form-field jp-carousel-comment-form-textarea" id="jp-carousel-comment-form-comment-field" placeholder="Write a comment…"></textarea>'; commentFormMarkup += '<div id="jp-carousel-comment-form-submit-and-info-wrapper">'; commentFormMarkup += '<div id="jp-carousel-comment-form-commenting-as">' + jetpackCarouselStrings.local_comments_commenting_as + '</div>'; commentFormMarkup += '<input type="submit" name="submit" class="jp-carousel-comment-form-button" id="jp-carousel-comment-form-button-submit" value="'+jetpackCarouselStrings.post_comment+'" />'; commentFormMarkup += '<span id="jp-carousel-comment-form-spinner"> </span>'; commentFormMarkup += '<div id="jp-carousel-comment-post-results"></div>'; commentFormMarkup += '</div>'; commentFormMarkup += '</form>'; } commentFormMarkup += '</div>'; commentForm = $(commentFormMarkup) .css({ 'width' : '100%', 'margin-top' : '20px', 'color' : '#999' }); comments = $('<div></div>') .addClass('jp-carousel-comments') .css({ 'width' : '100%', 'bottom' : '10px', 'margin-top' : '20px' }); commentsLoading = $('<div id="jp-carousel-comments-loading"><span>'+jetpackCarouselStrings.loading_comments+'</span></div>') .css({ 'width' : '100%', 'bottom' : '10px', 'margin-top' : '20px' }); leftWidth = ( $(window).width() - ( screenPadding * 2 ) ) - (imageMeta.width() + 40); if ( $.browser.mozilla ) leftWidth -= 55; else if ( $.browser.msie ) leftWidth -= 20; leftWidth += 'px'; leftColWrapper = $('<div></div>') .addClass('jp-carousel-left-column-wrapper') .css({ 'width' : leftWidth }) .append(titleAndDescription) .append(commentForm) .append(comments) .append(commentsLoading); fadeaway = $('<div></div>') .addClass('jp-carousel-fadeaway'); info = $('<div></div>') .addClass('jp-carousel-info') .css({ 'top' : ($(window).height() / 100) * proportion, 'left' : screenPadding, 'right' : screenPadding }) .append(photo_info) .append(imageMeta) .append(leftColWrapper); targetBottomPos = ( $(window).height() - parseInt( info.css('top'), 10 ) ) + 'px'; nextButton = $("<div><span></span></div>") .addClass('jp-carousel-next-button') .css({ 'position' : 'fixed', 'top' : 0, 'right' : 0, 'bottom' : 0, 'width' : screenPadding }); $('span', nextButton).css({ 'top' : '40px', 'bottom' : targetBottomPos }); previousButton = $("<div><span></span></div>") .addClass('jp-carousel-previous-button') .css({ 'position' : 'fixed', 'top' : 0, 'left' : 0, 'bottom' : 0, 'width' : screenPadding }); $('span', previousButton).css({ 'top' : '40px', 'bottom' : targetBottomPos }); gallery = $('<div></div>') .addClass('jp-carousel') .css({ 'position' : 'absolute', 'top' : 0, 'bottom' : targetBottomPos, 'left' : 0, 'right' : 0 }); close_hint = $('<div class="jp-carousel-close-hint"><span>×</span></div>') .css({ position : 'fixed' }); container = $("<div></div>") .addClass('jp-carousel-wrap'); if ( 'white' == jetpackCarouselStrings.background_color ) container.addClass('jp-carousel-light'); container.css({ 'position' : 'fixed', 'top' : 0, 'right' : 0, 'bottom' : 0, 'left' : 0, 'z-index' : 999999, 'overflow-x' : 'hidden', 'overflow-y' : 'auto', 'direction' : 'ltr' }) .hide() .append(overlay) .append(gallery) .append(fadeaway) .append(info) .append(nextButton) .append(previousButton) .append(close_hint) .appendTo($('body')) .click(function(e){ var target = $(e.target), wrap = target.parents('div.jp-carousel-wrap'), data = wrap.data('carousel-extra'), slide = wrap.find('div.selected'), attachment_id = slide.data('attachment-id'); data = data || []; if ( target.is(gallery) || target.parents().add(target).is(close_hint) ) { container.jp_carousel('close'); } else if ( target.hasClass('jp-carousel-commentlink') ) { e.preventDefault(); e.stopPropagation(); $(window).unbind('keydown', keyListener); container.animate({scrollTop: parseInt(info.position()['top'], 10)}, 'fast'); $('#jp-carousel-comment-form-submit-and-info-wrapper').slideDown('fast'); $('#jp-carousel-comment-form-comment-field').focus(); } else if ( target.parents('#jp-carousel-comment-form-container').length ) { var textarea = $('#jp-carousel-comment-form-comment-field') .blur(function(){ $(window).bind('keydown', keyListener); }) .focus(function(){ $(window).unbind('keydown', keyListener); }); var emailField = $('#jp-carousel-comment-form-email-field') .blur(function(){ $(window).bind('keydown', keyListener); }) .focus(function(){ $(window).unbind('keydown', keyListener); }); var authorField = $('#jp-carousel-comment-form-author-field') .blur(function(){ $(window).bind('keydown', keyListener); }) .focus(function(){ $(window).unbind('keydown', keyListener); }); var urlField = $('#jp-carousel-comment-form-url-field') .blur(function(){ $(window).bind('keydown', keyListener); }) .focus(function(){ $(window).unbind('keydown', keyListener); }); if ( textarea && textarea.attr('id') == target.attr('id')) { // For first page load $(window).unbind('keydown', keyListener); $('#jp-carousel-comment-form-submit-and-info-wrapper').slideDown('fast'); } else if ( target.is( 'input[type="submit"]' ) ) { e.preventDefault(); e.stopPropagation(); $('#jp-carousel-comment-form-spinner').spin('small', 'white'); var ajaxData = { action: 'post_attachment_comment', nonce: jetpackCarouselStrings.nonce, blog_id: data['blog_id'], id: attachment_id, comment: textarea.val() }; if ( ! ajaxData['comment'].length ) { gallery.jp_carousel('postCommentError', {'field': 'jp-carousel-comment-form-comment-field', 'error': jetpackCarouselStrings.no_comment_text}); return; } if ( 1 != jetpackCarouselStrings.is_logged_in ) { ajaxData['email'] = emailField.val(); ajaxData['author'] = authorField.val(); ajaxData['url'] = urlField.val(); if ( ! ajaxData['email'].length || ! ajaxData['email'].match('@') ) { gallery.jp_carousel('postCommentError', {'field': 'jp-carousel-comment-form-email-field', 'error': jetpackCarouselStrings.no_comment_email}); return; } else if ( ! ajaxData['author'].length ) { gallery.jp_carousel('postCommentError', {'field': 'jp-carousel-comment-form-author-field', 'error': jetpackCarouselStrings.no_comment_author}); return; } } $.ajax({ type: 'POST', url: jetpackCarouselStrings.ajaxurl, data: ajaxData, dataType: 'json', success: function(response, status, xhr) { if ( 'approved' == response.comment_status ) { $('#jp-carousel-comment-post-results').slideUp('fast').html('<span class="jp-carousel-comment-post-success">' + jetpackCarouselStrings.comment_approved + '</span>').slideDown('fast'); } else if ( 'unapproved' == response.comment_status ) { $('#jp-carousel-comment-post-results').slideUp('fast').html('<span class="jp-carousel-comment-post-success">' + jetpackCarouselStrings.comment_unapproved + '</span>').slideDown('fast'); } else { // 'deleted', 'spam', false $('#jp-carousel-comment-post-results').slideUp('fast').html('<span class="jp-carousel-comment-post-error">' + jetpackCarouselStrings.comment_post_error + '</span>').slideDown('fast'); } gallery.jp_carousel('clearCommentTextAreaValue'); gallery.jp_carousel('getComments', {attachment_id: attachment_id, offset: 0, clear: true}); $('#jp-carousel-comment-form-button-submit').val(jetpackCarouselStrings.post_comment); $('#jp-carousel-comment-form-spinner').spin(false); }, error: function(xhr, status, error) { // TODO: Add error handling and display here gallery.jp_carousel('postCommentError', {'field': 'jp-carousel-comment-form-comment-field', 'error': jetpackCarouselStrings.comment_post_error}); return; } }); } } else if ( ! target.parents( '.jp-carousel-info' ).length ) { container.jp_carousel('next'); } }) .bind('jp_carousel.afterOpen', function(){ $(window).bind('keydown', keyListener); $(window).bind('resize', resizeListener); }) .bind('jp_carousel.beforeClose', function(){ var scroll = $(window).scrollTop(); $(window).unbind('keydown', keyListener); $(window).unbind('resize', resizeListener); document.location.hash = ''; $(window).scrollTop(scroll); }); nextButton.add(previousButton).click(function(e){ e.preventDefault(); e.stopPropagation(); if ( nextButton.is(this) ) { gallery.jp_carousel('next'); } else { gallery.jp_carousel('previous'); } }); } }; var methods = { open: function(options) { var settings = { 'items_selector' : ".gallery-item [data-attachment-id]", 'start_index': 0 }, data = $(this).data('carousel-extra'); if ( !data ) return; // don't run if the default gallery functions weren't used // make sure to stop the page from scrolling behind the carousel overlay, so we don't trigger // infiniscroll for it when enabled (Reader, theme infiniscroll, etc). originalOverflow = $('body').css('overflow'); $('body').css('overflow', 'hidden'); prepareGallery(); container.data('carousel-extra', data); return this.each(function() { // If options exist, lets merge them // with our default settings var $this = $(this); if ( options ) $.extend( settings, options ); if ( -1 == settings.start_index ) settings.start_index = 0; //-1 returned if can't find index, so start from beginning container.trigger('jp_carousel.beforeOpen').fadeIn('fast',function(){ container.trigger('jp_carousel.afterOpen'); gallery .jp_carousel('initSlides', $this.find(settings.items_selector), settings.start_index) .jp_carousel('start', settings.start_index); }); gallery.html(''); }); }, start : function(start_index){ var slides = this.jp_carousel('slides'), selected = slides.eq(start_index); if ( 0 === selected.length ) selected = slides.eq(0); gallery.jp_carousel('selectSlide', selected, false); return this; }, close : function(){ // make sure to let the page scroll again $('body').css('overflow', originalOverflow); return container .trigger('jp_carousel.beforeClose') .fadeOut('fast', function(){ container.trigger('jp_carousel.afterClose'); }); }, next : function(){ var selected = this.jp_carousel('selectedSlide'), slide; container.animate({scrollTop:0}, 'fast'); if ( 0 === selected.length ) { // no selection return first item slide = this.jp_carousel('slides').first(0); } else if( selected.is( this.jp_carousel('slides').last() ) ) { gallery.jp_carousel('loopSlides'); } else { slide = selected.next(); } if (!slide) { return this; } else { return this.jp_carousel('selectSlide', slide); } }, previous : function(){ var selected = this.jp_carousel('selectedSlide'), slide; container.animate({scrollTop:0}, 'fast'); if ( 0 === selected.length ) { // no selection return first item slide = this.jp_carousel('slides').first(); } else if ( selected.is( this.jp_carousel('slides').first() ) ) { // if it's the last slide gallery.jp_carousel('loopSlides', true); } else { slide = selected.prev(); } if (!slide) { return this; } else { return this.jp_carousel('selectSlide', slide); } }, resetButtons : function(current) { }, loopSlides : function(reverse){ var slides = gallery.jp_carousel('slides'), last, first; gallery.jp_carousel('selectedSlide').removeClass('selected').css({'position': 'fixed'}); if (reverse !== true ) { last = slides.last(); slides.first().nextAll().not(last).css({'left':gallery.width()+slides.first().width()}).hide(); last.css({ 'left' : -last.width() }); last.prev().css({ 'left' : -last.width() - last.prev().width() }); slides.first().css({'left':gallery.width()}); setTimeout(function(){ gallery.jp_carousel('selectSlide', slides.show().first()); }, 400); } else { first = slides.first(); first.css({ 'left':gallery.width() }); first.next().css({ 'left':gallery.width() + first.width() }); first.next().nextAll().hide().css({'left':-slides.last().width()}); slides.last().css({'left':-slides.last().width()}); slides.last().prevAll().not(first, first.next()).hide().css({'left':-slides.last().width()-slides.last().prev().width()}); setTimeout(function(){ gallery.jp_carousel('selectSlide', slides.show().last()); }, 400); } }, selectedSlide : function(){ return this.find('.selected'); }, selectSlide : function(slide, animate){ var last = this.find('.selected').removeClass('selected'), slides = gallery.jp_carousel('slides').css({'position': 'fixed'}), current = $(slide).addClass('selected').css({'position': 'relative'}), previous = current.prev(), next = current.next(), width = $(window).width(), previous_previous = previous.prev(), next_next = next.next(), left = (gallery.width() - current.width()) * 0.5, info_left, animated, info_min; // center the main image caption.hide(); method = 'css'; animated = current .add(previous) .add(previous.prev()) .add(next) .add(next.next()) .jp_carousel('loadSlide'); // slide the whole view to the x we want slides.not(animated).hide(); current[method]({left:left}).show(); // minimum width gallery.jp_carousel('fitInfo', animate); // prep the slides var direction = last.is(current.prevAll()) ? 1 : -1; if ( 1 == direction ) { next_next.css({'left':gallery.width() + next.width()}).show(); next.hide().css({'left':gallery.width() + current.width()}).show(); previous_previous.css({'left':-previous_previous.width() - current.width()}); } else { previous.css({'left':-previous.width() - current.width()}); next_next.css({'left':gallery.width() + current.width()}); } // if advancing prepare the slide that will enter the screen previous[method]({left:-previous.width() + (screenPadding * 0.75) }).show(); next[method]({left:gallery.width() - (screenPadding * 0.75) }).show(); document.location.href = document.location.href.replace(/#.*/, '') + '#jp-carousel-' + current.data('attachment-id'); gallery.jp_carousel('resetButtons', current); container.trigger('jp_carousel.selectSlide', [current]); $( 'div.jp-carousel-image-meta', 'div.jp-carousel-wrap' ).html(''); gallery.jp_carousel('getTitleDesc', { title: current.data('title'), desc: current.data('desc') } ); gallery.jp_carousel('getMeta', current.data('image-meta')); gallery.jp_carousel('getFullSizeLink', current); gallery.jp_carousel('getMap', current.data('image-meta')); gallery.jp_carousel('testCommentsOpened', current.data('comments-opened')); gallery.jp_carousel('getComments', {'attachment_id': current.data('attachment-id'), 'offset': 0, 'clear': true}); $('#jp-carousel-comment-post-results').slideUp(); // $('<div />').html(sometext).text() is a trick to go to HTML to plain text (including HTML emntities decode, etc) if ( current.data('caption') ) { if ( $('<div />').html(current.data('caption')).text() == $('<div />').html(current.data('title')).text() ) $('.jp-carousel-titleanddesc-title').fadeOut('fast').empty(); if ( $('<div />').html(current.data('caption')).text() == $('<div />').html(current.data('desc')).text() ) $('.jp-carousel-titleanddesc-desc').fadeOut('fast').empty(); caption.html( current.data('caption') ).fadeIn('slow'); } else { caption.fadeOut('fast').empty(); } }, slides : function(){ return this.find('.jp-carousel-slide'); }, slideDimensions : function(){ return { width: $(window).width() - (screenPadding * 2), height: $(window).height() / 100 * proportion - 60 }; }, loadSlide : function(){ return this.each(function(){ var slide = $(this); slide.find('img') .one('load', function(){ // set the width/height of the image if it's too big slide .jp_carousel('fitSlide',false); }); }); }, bestFit : function(){ var max = gallery.jp_carousel('slideDimensions'), orig = this.jp_carousel('originalDimensions'), orig_ratio = orig.width / orig.height, w_ratio = 1, h_ratio = 1; if ( orig.width > max.width ) w_ratio = max.width / orig.width; if ( orig.height > max.height ) h_ratio = max.height / orig.height; if ( w_ratio < h_ratio ) { width = max.width; height = width / orig_ratio; } else if ( h_ratio < w_ratio ) { height = max.height; width = height * orig_ratio; } else { width = orig.width; height = orig.height; } return { width: width, height: height }; }, fitInfo : function(animated){ var current = this.jp_carousel('selectedSlide'), size = current.jp_carousel('bestFit'); photo_info.css({ 'left' : (info.width() - size.width) * 0.5, 'width' : size.width }); return this; }, fitMeta : function(animated){ var newInfoTop = { top: ( $(window).height() / 100 * proportion + 5 ) + 'px' }; var newLeftWidth = { width: ( info.width() - (imageMeta.width() + 80) ) + 'px' }; if (animated) { info.animate(newInfoTop); leftColWrapper.animate(newLeftWidth); } else { info.animate(newInfoTop); leftColWrapper.css(newLeftWidth); } }, fitSlide : function(animated){ return this.each(function(){ var selected = gallery.jp_carousel('selectedSlide'), $this = $(this), dimensions = $this.jp_carousel('bestFit'), method = 'css', max = gallery.jp_carousel('slideDimensions'); if ( 0 === selected.length ) { dimensions.left = $(window).width(); } else if ($this.is(selected)) { dimensions.left = ($(window).width() - dimensions.width) * 0.5; } else if ($this.is(selected.next())) { dimensions.left = gallery.width() - ( screenPadding * 0.75 ); } else if ($this.is(selected.prev())) { dimensions.left = -dimensions.width + screenPadding * 0.75; } else { if ($this.is(selected.nextAll())) { dimensions.left = $(window).width(); } else { dimensions.left = -dimensions.width; } } dimensions.top = ( (max.height - dimensions.height) * 0.5 ) + 40; $this[method](dimensions); }); }, texturize : function(text) { text = text.replace(/'/g, '’').replace(/'/g, '’').replace(/[\u2019]/g, '’'); text = text.replace(/"/g, '”').replace(/"/g, '”').replace(/"/g, '”').replace(/[\u201D]/g, '”'); text = text.replace(/([\w]+)=&#[\d]+;(.+?)&#[\d]+;/g, '$1="$2"'); // untexturize allowed HTML tags params double-quotes return $.trim(text); }, initSlides : function(items, start_index){ var width = this.jp_carousel('slideDimensions').width, x = 0; // Calculate the new src. items.each(function(i){ var src_item = $(this), orig_size = src_item.data('orig-size') || 0, max = gallery.jp_carousel('slideDimensions'), parts = orig_size.split(','); orig_size = {width: parseInt(parts[0], 10), height: parseInt(parts[1], 10)}, medium_file = src_item.data('medium-file') || '', large_file = src_item.data('large-file') || ''; src = src_item.data('orig-file'); src = gallery.jp_carousel('selectBestImageSize', { orig_file : src, orig_width : orig_size.width, orig_height : orig_size.height, max_width : max.width, max_height : max.height, medium_file : medium_file, large_file : large_file }); // Set the final src $(this).data( 'gallery-src', src ); }); // If the start_index is not 0 then preload the clicked image first. if ( 0 !== start_index ) $('<img/>')[0].src = $(items[start_index]).data('gallery-src'); // create the 'slide' items.each(function(i){ var src_item = $(this), attachment_id = src_item.data('attachment-id') || 0, comments_opened = src_item.data('comments-opened') || 0, image_meta = src_item.data('image-meta') || {}, orig_size = src_item.data('orig-size') || 0, title = src_item.attr('title') || '', description = src_item.data('image-description') || '', caption = src_item.parents('dl').find('dd.gallery-caption').html() || '', src = src_item.data('gallery-src') || '', medium_file = src_item.data('medium-file') || '', large_file = src_item.data('large-file') || ''; if ( !attachment_id || !orig_size ) return false; // break the loop if we are missing the data-* attributes title = gallery.jp_carousel('texturize', title); description = gallery.jp_carousel('texturize', description); caption = gallery.jp_carousel('texturize', caption); var slide = $('<div class="jp-carousel-slide"></div>') .hide() .css({ 'position' : 'fixed', 'left' : i < start_index ? -1000 : gallery.width() }) .append($('<img>')) .appendTo(gallery) .data('src', src ) .data('title', title) .data('desc', description) .data('caption', caption) .data('attachment-id', attachment_id) .data('permalink', src_item.parents('a').attr('href')) .data('orig-size', orig_size) .data('comments-opened', comments_opened) .data('image-meta', image_meta) .data('medium-file', medium_file) .data('large-file', large_file) .jp_carousel('fitSlide', false); // Preloading all images slide.find('img').first().attr('src', src ); }); return this; }, selectBestImageSize: function(args) { if ( 'object' != typeof args ) args = {}; if ( 'undefined' == typeof args.orig_file ) return ''; if ( 'undefined' == typeof args.orig_width || 'undefined' == typeof args.max_width ) return args.orig_file; if ( 'undefined' == typeof args.medium_file || 'undefined' == typeof args.large_file ) return args.orig_file; var medium_size = args.medium_file.replace(/^https?:\/\/.+-([\d]+x[\d]+)\..+$/, '$1'), medium_size_parts = (medium_size != args.medium_file) ? medium_size.split('x') : [args.orig_width, 0], medium_width = parseInt( medium_size_parts[0], 10 ), medium_height = parseInt( medium_size_parts[1], 10 ), large_size = args.large_file.replace(/^https?:\/\/.+-([\d]+x[\d]+)\..+$/, '$1'), large_size_parts = (large_size != args.large_file) ? large_size.split('x') : [args.orig_width, 0], large_width = parseInt( large_size_parts[0], 10 ), large_height = parseInt( large_size_parts[1], 10 ); // Give devices with a higher devicePixelRatio higher-res images (Retina display = 2, Android phones = 1.5, etc) if ('undefined' != typeof window.devicePixelRatio && window.devicePixelRatio > 1) { args.max_width = args.max_width * window.devicePixelRatio; args.max_height = args.max_height * window.devicePixelRatio; } if ( medium_width >= args.max_width || medium_height >= args.max_height ) return args.medium_file; if ( large_width >= args.max_width || large_height >= args.max_height ) return args.large_file; return args.orig_file; }, originalDimensions: function() { var splitted = $(this).data('orig-size').split(','); return {width: parseInt(splitted[0], 10), height: parseInt(splitted[1], 10)}; }, format: function( args ) { if ( 'object' != typeof args ) args = {}; if ( ! args.text || 'undefined' == typeof args.text ) return; if ( ! args.replacements || 'undefined' == typeof args.replacements ) return args.text; return args.text.replace(/{(\d+)}/g, function(match, number) { return typeof args.replacements[number] != 'undefined' ? args.replacements[number] : match; }); }, shutterSpeed: function(d) { if (d >= 1) Math.round(d) + 's'; var df = 1, top = 1, bot = 1; var limit = 1e5; //Increase for greater precision. while (df != d && limit-- > 0) { if (df < d) { top += 1; } else { bot += 1; top = parseInt(d * bot, 10); } df = top / bot; } if (top > 1) { bot = Math.round(bot / top); top = 1; } if (bot <= 1) return '1s'; return top + '/' + bot + 's'; }, parseTitleDesc: function( value ) { if ( !value.match(' ') && value.match('_') ) return ''; // Prefix list originally based on http://commons.wikimedia.org/wiki/MediaWiki:Filename-prefix-blacklist var prefixes = $([ 'CIMG', // Casio 'DSC_', // Nikon 'DSCF', // Fuji 'DSCN', // Nikon 'DUW', // some mobile phones 'GEDC', // GE 'IMG', // generic 'JD', // Jenoptik 'MGP', // Pentax 'PICT', // misc. 'Imagen', // misc. 'Foto', // misc. 'DSC', // misc. 'Scan', // Scanners 'SANY', // Sanyo 'SAM', // Samsung 'Screen Shot [0-9]+' // Mac screenshots ]) .each(function(key, val){ regex = new RegExp('^' + val); if ( regex.test(value) ) { value = ''; return; } }); return value; }, getTitleDesc: function( data ) { var title ='', desc = '', markup = '', target, commentWrappere; target = $( 'div.jp-carousel-titleanddesc', 'div.jp-carousel-wrap' ); target.hide(); title = gallery.jp_carousel('parseTitleDesc', data.title) || ''; desc = gallery.jp_carousel('parseTitleDesc', data.desc) || ''; if ( title.length || desc.length ) { // $('<div />').html(sometext).text() is a trick to go to HTML to plain text (including HTML emntities decode, etc) if ( $('<div />').html(title).text() == $('<div />').html(desc).text() ) title = ''; markup = ( title.length ) ? '<div class="jp-carousel-titleanddesc-title">' + title + '</div>' : ''; markup += ( desc.length ) ? '<div class="jp-carousel-titleanddesc-desc">' + desc + '</div>' : ''; target.html( markup ).fadeIn('slow'); } $( 'div#jp-carousel-comment-form-container' ).css('margin-top', '20px'); $( 'div#jp-carousel-comments-loading' ).css('margin-top', '20px'); }, getMeta: function( meta ) { if ( !meta || 1 != jetpackCarouselStrings.display_exif ) return false; var $ul = $( '<ul></ul>' ); $.each( meta, function( key, val ) { if ( 0 === parseFloat(val) || !val.length || -1 === $.inArray( key, [ 'camera', 'aperture', 'shutter_speed', 'focal_length' ] ) ) return; switch( key ) { case 'focal_length': val = val + 'mm'; break; case 'shutter_speed': val = gallery.jp_carousel('shutterSpeed', val); break; case 'aperture': val = 'f/' + val; break; default: // making jslint happy break; } $ul.append( '<li><h5>' + jetpackCarouselStrings[key] + '</h5>' + val + '</li>' ); }); $( 'div.jp-carousel-image-meta', 'div.jp-carousel-wrap' ) .append( $( buttons ) ); $( 'div.jp-carousel-image-meta', 'div.jp-carousel-wrap' ) .append( $ul ); }, getFullSizeLink: function(current) { if(!current || !current.data) return false; var original = current.data('src').replace(/\?.+$/, ''), origSize = current.data('orig-size').split(','), permalink = $( '<a>'+gallery.jp_carousel('format', {'text': jetpackCarouselStrings.download_original, 'replacements': origSize})+'</a>' ) .addClass( 'jp-carousel-image-download' ) .attr( 'href', original ) .attr( 'target', '_blank' ); $( 'div.jp-carousel-image-meta', 'div.jp-carousel-wrap' ) .append( permalink ); }, getMap: function( meta ) { if ( !meta.latitude || !meta.longitude || 1 != jetpackCarouselStrings.display_geo ) return; var latitude = meta.latitude, longitude = meta.longitude, $metabox = $( 'div.jp-carousel-image-meta', 'div.jp-carousel-wrap' ), $mapbox = $( '<div></div>' ), style = '&scale=2&style=feature:all|element:all|invert_lightness:true|hue:0x0077FF|saturation:-50|lightness:-5|gamma:0.91'; $mapbox .addClass( 'jp-carousel-image-map' ) .html( '<img width="154" height="154" src="https://maps.googleapis.com/maps/api/staticmap?\ center=' + latitude + ',' + longitude + '&\ zoom=8&\ size=154x154&\ sensor=false&\ markers=size:medium%7Ccolor:blue%7C' + latitude + ',' + longitude + style +'" class="gmap-main" />\ \ <div class="gmap-topright"><div class="imgclip"><img width="175" height="154" src="https://maps.googleapis.com/maps/api/staticmap?\ center=' + latitude + ',' + longitude + '&\ zoom=3&\ size=175x154&\ sensor=false&\ markers=size:small%7Ccolor:blue%7C' + latitude + ',' + longitude + style + '"c /></div></div>\ \ ' ) .prependTo( $metabox ); }, testCommentsOpened: function( opened ) { if ( 1 == parseInt( opened, 10 ) ) { $('.jp-carousel-buttons').fadeIn('fast'); commentForm.fadeIn('fast'); } else { $('.jp-carousel-buttons').fadeOut('fast'); commentForm.fadeOut('fast'); } }, getComments: function( args ) { if ( 'object' != typeof args ) args = {}; if ( ! args.attachment_id || 'undefined' == typeof args.attachment_id ) return; if ( ! args.offset || 'undefined' == typeof args.offset || args.offset < 1 ) args.offset = 0; var comments = $('.jp-carousel-comments'), commentsLoading = $('#jp-carousel-comments-loading'); commentsLoading.show(); if ( args.clear ) { comments.hide(); comments.empty(); } $.ajax({ type: 'GET', url: jetpackCarouselStrings.ajaxurl, dataType: 'json', data: { action: 'get_attachment_comments', nonce: jetpackCarouselStrings.nonce, id: args.attachment_id, offset: args.offset }, success: function(data, status, xhr) { if ( args.clear ) { comments.fadeOut('fast'); comments.empty(); } $( data ).each(function(){ var comment = $('<div></div>') .addClass('jp-carousel-comment') .attr('id', 'jp-carousel-comment-' + this['id']) .css({}) .html( '<div class="comment-gravatar">' + this['gravatar_markup'] + '</div>' + '<div class="comment-author">' + this['author_markup'] + '</div>' + '<div class="comment-date">' + this['date_gmt'] + '</div>' + '<div class="comment-content">' + this['content'] + '</div>' ); comments.append(comment); // Set the interval to check for a new page of comments. clearInterval( commentInterval ); commentInterval = setInterval( function() { if ( ( $('.jp-carousel-overlay').height() - 150 ) < $('.jp-carousel-wrap').scrollTop() + $(window).height() ) { gallery.jp_carousel('getComments',{ attachment_id: args.attachment_id, offset: args.offset + 10, clear: false }); clearInterval( commentInterval ); } }, 150 ); }); // Verify (late) that the user didn't repeatldy click the arrows really fast, in which case the requested // attachment id might no longer match the current attachment id by the time we get the data back or a now // registered infiniscroll event kicks in, so we don't ever display comments for the wrong image by mistake. var current = $('.jp-carousel div.selected'); if ( current && current.data && current.data('attachment-id') != args.attachment_id ) { comments.fadeOut('fast'); comments.empty(); return; } // Increase the height of the background, semi-transparent overlay to match the new length of the comments list. $('.jp-carousel-overlay').height( $(window).height() + titleAndDescription.height() + commentForm.height() + ( (comments.height() > 0) ? comments.height() : imageMeta.height() ) + 200 ); comments.show(); commentsLoading.hide(); }, error: function(xhr, status, error) { // TODO: proper error handling console.log( 'Comment get fail...', xhr, status, error ); comments.fadeIn('fast'); commentsLoading.fadeOut('fast'); } }); }, postCommentError: function(args) { if ( 'object' != typeof args ) args = {}; if ( ! args.field || 'undefined' == typeof args.field || ! args.error || 'undefined' == typeof args.error ) return; $('#jp-carousel-comment-post-results').slideUp('fast').html('<span class="jp-carousel-comment-post-error">'+args.error+'</span>').slideDown('fast'); $('#jp-carousel-comment-form-spinner').spin(false); }, setCommentIframeSrc: function(attachment_id) { var iframe = $('#jp-carousel-comment-iframe'); // Set the proper irame src for the current attachment id if (iframe && iframe.length) { iframe.attr('src', iframe.attr('src').replace(/(postid=)\d+/, '$1'+attachment_id) ); iframe.attr('src', iframe.attr('src').replace(/(%23.+)?$/, '%23jp-carousel-'+attachment_id) ); } }, clearCommentTextAreaValue: function() { var commentTextArea = $('#jp-carousel-comment-form-comment-field'); if ( commentTextArea ) commentTextArea.val(''); } }; $.fn.jp_carousel = function(method){ // ask for the HTML of the gallery // Method calling logic if ( methods[method] ) { return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 )); } else if ( typeof method === 'object' || ! method ) { return methods.open.apply( this, arguments ); } else { $.error( 'Method ' + method + ' does not exist on jQuery.jp_carousel' ); } }; // register the event listener for staring the gallery $( document.body ).on( 'click', 'div.gallery', function(e) { if ( $(e.target).parent().hasClass('gallery-caption') ) return; e.preventDefault(); $(this).jp_carousel('open', {start_index: $(this).find('.gallery-item').index($(e.target).parents('.gallery-item'))}); }); // start on page load if hash exists if ( document.location.hash && document.location.hash.match(/jp-carousel-(\d+)/) ) { $(document).ready(function(){ var gallery = $('div.gallery'), index = -1, n = document.location.hash.match(/jp-carousel-(\d+)/); n = parseInt(n[1], 10); gallery.find('img').each(function(num, el){ if ( n && $(el).data('attachment-id') == n ) { // n cannot be 0 (zero) index = num; return false; } }); if ( index != -1 ) gallery.jp_carousel('open', {start_index: index}); }); } });