/* mediaboxAdvanced v2.0.7 - The ultimate extension of Slimbox and Mediabox; an all-media script jQuery script from Cédric KEIFLIN - http://www.joomlack.fr - http://www.template-creator.com Original Mootools script from (c) 2007-2011 John Einselen - http://iaian7.com based on Slimbox v1.64 - The ultimate lightweight Lightbox clone (c) 2007-2008 Christophe Beyls - http://www.digitalia.be license: MIT-style authors: - John Einselen - Christophe Beyls - Contributions from many others - Cédric KEIFLIN provides: [Mediabox.open, Mediabox.close, Mediabox.recenter, Mediabox.scanPage] modification by ced1870 - Cédric KEIFLIN version 2.3.2 - 15/12/22 : - add feature to fix the scrolling on the parent body version 2.3.1 - 11/07/22 : - fix issue with click on zoomed image version 2.3.0 - 28/04/22 : - add share option - replace icons by svg version 2.2.4 - 17/02/22 : - add mouse wheel scroll and pan when zoom is enabled version 2.2.3 - 07/07/21 : - add pagination feature for the gallery - remove old flash player code version 2.2.2 - 28/06/21 : - add compatibility with webp image version 2.2.1 - 10/12/20 : - add controls size option - do not hide arrows if we are in gallery mode. Just make them disabled version 2.2.1 - 16/09/20 : - add fadeout option version 2.2.0 - 11/05/20 : - add zoom feature - remove from jQuery instance version 2.1.9 - 14/01/19 : - add fullscreen option on Vimeo version 2.1.8 - 12/12/18 : - fix issue with Vimeo version 2.1.7 - 27/09/18 : - add option for autoload version 2.1.6 - 29/11/17 : - fix issue with media called with http version 2.1.5 - 26/07/17 : - change attr('mediaboxck_done') to data('mediaboxck_done') version 2.1.4 - 07/10/16 : - fix an issue with vimeo version 2.1.3 - 11/06/16 : - fix an issue with diapo autoplay version 2.1.2 - 31/05/16 : - fix an issue with mediaType not changing between items version 2.1.1 - 30/05/16 : - add IE compatibility for gallery mode to fix image distortion version 2.1.0 - 28/04/16 : - add management for touch behavior, zoom with pinch - force the mobile behavior on tablets also version 2.0.7 - 23/01/16 : - fix issue with mp4 on iPad version 2.0.6 - 04/11/15 : - add HTML5 player for video and audio for local files - fix a resize issue on page load - add loop option for the video version 2.0.5 - 08/10/15 : - remove title on links to avoid the system tooltip to be shown on mouseover - add toolbar option - add autoplay/diaporama features version 2.0.4 - 17/07/15 : - use html5 for dailymotion - fix issue with keyboard navigation version 2.0.3 - 02/06/15 : - added support for mobile device with touch behavior version 2.0.2 - 29/05/15 : - improved the mobile and responsive behavior version 2.0.1 - 07/04/15 : - fix an issue with Dailymotion version 2.0.0 - 23/03/15 : - migrated to jQuery by ced1870 version 1.5.4a : - fix an issue for IE11 margin left line 217+218 */ var Mediabox; (function($) { // browser detection if ($.browser == undefined) { var userAgent = navigator.userAgent.toLowerCase(); $.browser = { version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[/: ]([d.]+)/ ) || [])[1], chrome: /chrome/.test( userAgent ), safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent ), opera: /opera/.test( userAgent ), msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ), ios: /(iPod|iPhone|iPad)/.test( userAgent ), mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent ) }; } // Global variables, accessible to Mediabox only var options, mediaArray, activeMedia, prevMedia, nextMedia, top, mTop, left, mLeft, winWidth, winHeight, fx, preload, preloadPrev = new Image(), preloadNext = new Image(), dragTarget, isDragging, // DOM elements overlay, center, media, bottom, captionSplit, title, caption, number, prevLink, nextLink, pauseLink, shareLink, playLink, zoomBarMinus, zoomBarPlus, zoomBarValue, zoomBar, // added by ced1870 mediaInitW, mediaInitH, toolbar, pieLoader, pieLoaderBar, t, loader, rad, setT, // Mediabox specific vars URL, WH, WHL, elrel, mediaWidth, mediaHeight, mediaType = "none", mediaSplit, mediaId = "mediaBox", margin, marginBottom; // var shareIcon = '<big>☁</big>'; // var playIcon = '<big>►</big>'; // var pauseIcon = '<big>❙❙</big>'; // var closeIcon = '<big>×</big>'; // var prevIcon = '<big>«</big>'; // var nextIcon = '<big>»</big>'; var playIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z"/></svg>'; var pauseIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M272 63.1l-32 0c-26.51 0-48 21.49-48 47.1v288c0 26.51 21.49 48 48 48L272 448c26.51 0 48-21.49 48-48v-288C320 85.49 298.5 63.1 272 63.1zM80 63.1l-32 0c-26.51 0-48 21.49-48 48v288C0 426.5 21.49 448 48 448l32 0c26.51 0 48-21.49 48-48v-288C128 85.49 106.5 63.1 80 63.1z"/></svg>'; var closeIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>'; var shareIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M448 127.1C448 181 405 223.1 352 223.1C326.1 223.1 302.6 213.8 285.4 197.1L191.3 244.1C191.8 248 191.1 251.1 191.1 256C191.1 260 191.8 263.1 191.3 267.9L285.4 314.9C302.6 298.2 326.1 288 352 288C405 288 448 330.1 448 384C448 437 405 480 352 480C298.1 480 256 437 256 384C256 379.1 256.2 376 256.7 372.1L162.6 325.1C145.4 341.8 121.9 352 96 352C42.98 352 0 309 0 256C0 202.1 42.98 160 96 160C121.9 160 145.4 170.2 162.6 186.9L256.7 139.9C256.2 135.1 256 132 256 128C256 74.98 298.1 32 352 32C405 32 448 74.98 448 128L448 127.1zM95.1 287.1C113.7 287.1 127.1 273.7 127.1 255.1C127.1 238.3 113.7 223.1 95.1 223.1C78.33 223.1 63.1 238.3 63.1 255.1C63.1 273.7 78.33 287.1 95.1 287.1zM352 95.1C334.3 95.1 320 110.3 320 127.1C320 145.7 334.3 159.1 352 159.1C369.7 159.1 384 145.7 384 127.1C384 110.3 369.7 95.1 352 95.1zM352 416C369.7 416 384 401.7 384 384C384 366.3 369.7 352 352 352C334.3 352 320 366.3 320 384C320 401.7 334.3 416 352 416z"/></svg>'; var prevIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg>'; var nextIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M246.6 233.4l-160-160c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25L178.8 256l-137.4 137.4c-12.5 12.5-12.5 32.75 0 45.25C47.63 444.9 55.81 448 64 448s16.38-3.125 22.62-9.375l160-160C259.1 266.1 259.1 245.9 246.6 233.4zM438.6 233.4l-160-160c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25L370.8 256l-137.4 137.4c-12.5 12.5-12.5 32.75 0 45.25C239.6 444.9 247.8 448 256 448s16.38-3.125 22.62-9.375l160-160C451.1 266.1 451.1 245.9 438.6 233.4z"/></svg>'; /* Initialization */ jQuery(document).ready(function(){ // Create and append the Mediabox HTML code at the bottom of the document overlay = $('<div id="mbOverlay" />').css("display", "none").click(close); center = $('<div id="mbCenter" />').css("display", "none"); toolbar = $('<div id="mbToolbar" />').css("display", "none"); $(document.body).append( overlay, center ); center.append($('<div id="mbContainer" />')); container = $('#mbContainer'); container.append($('<div id="mbMedia" />')); media = $('#mbMedia'); center.append(bottom = $('<div id="mbBottom">')); closeLink = $('<a id="mbCloseLink" href="#" />').click(close); nextLink = $('<a id="mbNextLink" href="#" />').click(next); prevLink = $('<a id="mbPrevLink" href="#" />').click(previous); playLink = $('<a id="mbPlayLink" href="#" />').click(play); pauseLink = $('<a id="mbPauseLink" href="#" />').click(pause); shareLink = $('<a id="mbShareLink" href="#" />').click(share); zoomBar = $('<span id="mbZoomBar"></span>'); title = $('<div id="mbTitle" />'); number = $('<div id="mbNumber" />'); caption = $('<div id="mbCaption" />'); pieLoader = $('<div id="mbPieLoader" />'); pieLoaderBar = $('<div id="mbPieLoaderBar" />'); pieLoader.append(pieLoaderBar); // compatibility for IE in the gallery mode var isIE = /*@cc_on!@*/false || !!document.documentMode; if (isIE) launchMediaboxckIeCompat(); }); function launchMediaboxckIeCompat() { var figures = $('figure.mediaboxck'); for (i=0; i<figures.length; i++) { $(figures[i]).addClass('mediaboxckie'); var image = $(figures[i]).find('img'); image.wrap('<div class="iefake"></div>'); var fake = figures[i].children[0]; image.css('opacity', '0'); $(fake).css('backgroundImage', "url('" + image.attr('src') + "')"); } } /* API */ Mediabox = { close: function(){ close(); // Thanks to Yosha on the google group for fixing the close function API! }, recenter: function(){ // Thanks to Garo Hussenjian (Xapnet Productions http://www.xapnet.com) for suggesting this addition if (center) { // fix by ced1870 left = '50%'; center.css({left: left, marginLeft: -(mediaWidth/2)-margin}); } }, open: function(_mediaArray, startMedia, _options) { $("html").addClass('mbOpened'); options = { // Text options (translate as needed) // example of html characters : ◼ ❙❙ ❚❚ ► ⚫ ⏪ ⏩ <big>«</big>','<big>»</big>','<big>×</big>', '<big>►</big>' // buttonText: ['<big>⏪</big>','<big>⏩</big>','<big>×</big>', '<big>►</big>', '<big>❙❙</big>'], // Array defines "previous", "next", and "close" button content (HTML code should be written as entity codes or properly escaped) buttonText: [prevIcon,nextIcon,closeIcon, playIcon, pauseIcon, shareIcon], // Array defines "previous", "next", and "close" button content (HTML code should be written as entity codes or properly escaped) // buttonText: ['<big>«</big>','<big>»</big>','<big>×</big>'], // buttonText: ['<b>P</b>rev','<b>N</b>ext','<b>C</b>lose'], counterText: '({x} of {y})', // Counter text, {x} = current item number, {y} = total gallery length linkText: '<a href="{x}" target="_new">{x}</a><br/>open in a new tab</div>', // Text shown on iOS devices for non-image links flashText: '<b>Error</b><br/>Adobe Flash is either not installed or not up to date, please visit <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" title="Get Flash" target="_new">Adobe.com</a> to download the free player.', // Text shown if Flash is not installed. // General overlay options center: false, // Set to false for use with custom CSS layouts loop: false, // Navigate from last to first elements in a gallery keyboard: true, // Enables keyboard control; escape key, left arrow, and right arrow keyboardAlpha: false, // Adds 'x', 'c', 'p', and 'n' when keyboard control is also set to true keyboardStop: false, // Stops all default keyboard actions while overlay is open (such as up/down arrows) // Does not apply to iFrame content, does not affect mouse scrolling overlayOpacity: 0.8, // 1 is opaque, 0 is completely transparent (change the color in the CSS file) resizeOpening: true, // Determines if box opens small and grows (true) or starts at larger size (false) resizeDuration: 240, // Duration of each of the box resize animations (in milliseconds) initialWidth: 320, // Initial width of the box (in pixels) initialHeight: 180, // Initial height of the box (in pixels) defaultWidth: 640, // Default width of the box (in pixels) for undefined media (MP4, FLV, etc.) defaultHeight: 360, // Default height of the box (in pixels) for undefined media (MP4, FLV, etc.) showCaption: true, // Display the title and caption, true / false showCounter: true, // If true, a counter will only be shown if there is more than 1 image to display countBack: false, // Inverts the displayed number (so instead of the first element being labeled 1/10, it's 10/10) clickBlock: false, // Adds an event on right-click to block saving of images from the context menu in most browsers (this can't prevent other ways of downloading, but works as a casual deterent) // due to less than ideal code ordering, clickBlock on links must be removed manually around line 250 // iOS device options // iOSenable: false, // When set to false, disables overlay entirely (links open in new tab) // IMAGES and INLINE content will display normally, // while ALL OTHER content will display a direct link (this is required so as to not break mixed-media galleries) iOShtml: true, // If set to true, HTML content is displayed normally as well (useful if your HTML content is minimal and UI oriented instead of external sites) // Mobile behavior isMobileEnable: true, // activate a specific interface for touch device // mobileDetection: 'resolution', // resolution, tablet, phone isMobile: false, // detects whether or not the device is a mobile like tablet or phone mobileResolution: '640', // set the resolution from which to switch to the mobile view // Image options imgBackground: false, // Embed images as CSS background (true) or <img> tag (false) // CSS background is naturally non-clickable, preventing downloads // IMG tag allows automatic scaling for smaller screens // (all images have no-click code applied, albeit not Opera compatible. To remove, comment lines 212 and 822) imgPadding: 100, // Clearance necessary for images larger than the window size (only used when imgBackground is false) // Change this number only if the CSS style is significantly divergent from the original, and requires different sizes // Inline options overflow: 'auto', // If set, overides CSS settings for inline content only, set to "false" to leave CSS settings intact. inlineClone: false, // Clones the inline element instead of moving it from the page to the overlay // Global media options html5: 'true', // HTML5 settings for YouTube and Vimeo, false = off, true = on scriptaccess: 'true', // Allow script access to flash files fullscreen: 'true', // Use fullscreen fullscreenNum: '1', // 1 = true autoplay: 'true', // Plays the video as soon as it's opened autoplayNum: '1', // 1 = true autoplayYes: 'yes', // yes = true volume: '100', // 0-100, used for NonverBlaster and Quicktime players medialoop: 'true', // Loop video playback, true / false, used for NonverBlaster and Quicktime players bgcolor: '#000000', // Background color, used for flash and QT media wmode: 'transparent', // Background setting for Adobe Flash ('opaque' and 'transparent' are most common) addmediadownloadbutton: '0', // Adds the download buttons under the media // NonverBlaster playerpath: 'plugins/system/mediabox_ck/mediabox_ck/assets/NonverBlaster.swf', // Oboslete, no more used. Path to NonverBlaster.swf showTimecode: 'false', // turn timecode display off or on (true, false) controlColor: '0xFFFFFF', // set the control color controlBackColor: '0x0000000', // set the bakcground color (video only) // playerBackColor: '0x0000FF', // set the player background color (leave blank to allow CSS styles to show through for audio) playerBackColor: '', // set the player background color (leave blank to allow CSS styles to show through) wmodeNB: 'transparent', // Background setting for Adobe Flash (set to 'transparent' for a blank background, 'opaque' in other situations) // autoAdvance: 'false', // placeholder setting only - not currently implemented (intending to add auto gallery list navigation on play-end) // Quicktime options controller: 'true', // Show controller, true / false // Flickr options flInfo: 'true', // Show title and info at video start // Revver options revverID: '187866', // Revver affiliate ID, required for ad revinue sharing revverFullscreen: 'true', // Fullscreen option revverBack: '000000', // Background color revverFront: 'ffffff', // Foreground color revverGrad: '000000', // Gradation color // Ustream options usViewers: 'true', // Show online viewer count (true, false) // Youtube options ytBorder: '0', // Outline (1=true, 0=false) ytColor1: '000000', // Outline color ytColor2: '333333', // Base interface color (highlight colors stay consistent) ytRel: '0', // Show related videos (1=true, 0=false) ytInfo: '1', // Show video info (1=true, 0=false) ytSearch: '0', // Show search field (1=true, 0=false) // Viddyou options vuPlayer: 'basic', // Use 'full' or 'basic' players // Vimeo options vmTitle: '1', // Show video title vmByline: '1', // Show byline vmPortrait: '1', // Show author portrait vmColor: 'ffffff', // Custom controller colors, hex value minus the # sign, defult is 5ca0b5 // Mediabox CK special options attribType: 'rel', // Attribute selector to filter the links ('rel' or 'className') showToolbar: '1', // Show the toolbar to navigate and launch the diaporama diapoTime: 1000, // Time in ms between each image when the diaporama is launched diapoAutoplay: 'false', // Launch immediately the autoplay when the gallery opens showZoom: '0', // Show the toolbar to use the zoom on images toolbarSize: 'normal', // Set the size of the controls in the toolbar theme: 'default', // Set the size of the controls in the toolbar share: '0' // Set the size of the controls in the toolbar }; options = $.extend({}, options, _options); if (typeof _mediaArray == "string") { // Used for single mediaArray only, with URL and Title as first two arguments _mediaArray = [[_mediaArray,startMedia,_options]]; startMedia = 0; } mediaArray = _mediaArray; options.loop = options.loop && (mediaArray.length > 1); if (options.showToolbar == '1' && mediaArray.length > 1) { toolbar.append(closeLink, nextLink, pauseLink, playLink, prevLink, zoomBar, pieLoader); bottom.append(title, number, caption); if (options.share == '1') toolbar.prepend(shareLink); } else { bottom.append(closeLink, nextLink, prevLink, zoomBar, title, number, caption); if (options.share == '1') $('#mbPrevLink').after(shareLink); } if (options.toolbarSize == 'big') { toolbar.addClass('mbToolbarBig'); } prevLink.html( options.buttonText[0]); nextLink.html( options.buttonText[1]); closeLink.html( options.buttonText[2]); playLink.html( options.buttonText[3]); pauseLink.html( options.buttonText[4]).hide(); if (options.share == '1') shareLink.html( options.buttonText[5]); if (options.showZoom == '1' && ! $('#mbZoomMinus').length) { zoomBarMinus = $('<a id="mbZoomMinus" href="#" ><big>-</big></a>').click(zoomMinus); zoomBarPlus = $('<a id="mbZoomPlus" href="javascript:void(0)" />').click(zoomPlus); zoomBarPlus.html('<big>+</big>'); zoomBarValue = $('<a id="mbZoomValue" href="#"><big>100 %</big></a>').click(zoomInit); zoomBar.append(zoomBarMinus, zoomBarValue, zoomBarPlus); /** zoom scroll wheel */ media.on('wheel', function(e) { e.preventDefault(); if (e.originalEvent.wheelDelta > 0) { zoomPlus(); } else { zoomMinus(); } }); media.on('mousedown', function(e) { startDrag(); }); $(document).on('mouseup', function(e) { stopDrag(); }); /** end zoom scroll wheel */ } if (options.toolbarSize == 'big') { bottom.addClass('mbBottomBig'); } if (options.theme !== 'default') { center.addClass(options.theme); toolbar.addClass(options.theme); } media.addClass('paused'); size(); setup(true); top = $(window).scrollTop() + ($(window).height()/2); // fix by ced1870 left = '50%'; mediaLeftMargin = ( media.css('margin-left') == 'auto' ) ? 0 : media.css('margin-left'); margin = parseInt(center.css('padding-left'))+parseInt(mediaLeftMargin)+parseInt(media.css('padding-left')); // modif ced1870 marginBottom = parseInt(bottom.css('margin-left'))+parseInt(bottom.css('padding-left'))+parseInt(bottom.css('margin-right'))+parseInt(bottom.css('padding-right')); // suppression margin sur centrage avec marginlef center.css({top: top, left: left, width: options.initialWidth, height: options.initialHeight, marginTop: -(options.initialHeight/2), marginLeft: -(options.initialWidth/2), display: ""}); if (mediaArray.length > 1) toolbar.css({top: $(window).scrollTop(), left: left, display: ""}); $('#mbOverlay').css('opacity', 0).fadeTo( 360, options.overlayOpacity); if (options.showToolbar == '1' && mediaArray.length > 1) { loadToolbar(); } if (options.diapoAutoplay == '1') { play(); } return changeMedia(startMedia); }, pagination: function(wrap) { var pagination = wrap.find('.mediaboxck-pagination'); if (! pagination.length || pagination.data('done') === '1') return; pagination.data('done', '1'); var per_page = parseInt(pagination.attr('data-perpage')); pagination.find('a.mediaboxck-pagination-link').click(function() { pagination.find('li').removeClass('active'); $(this).parent().addClass('active'); let page = parseInt($(this).attr('data-page')); let mediaboxcont = $(this).closest('.mediaboxck_cont'); var mediaboxcontinner = mediaboxcont.find('.mediaboxck_cont_inner'); let start = per_page * (page - 1) + 1; let end = start + per_page - 1; var links = mediaboxcont.find('.mediaboxck_link:nth-child(n+' + start + '):nth-child(-n+' + end + ')'); // hide all links mediaboxcontinner.css('height', mediaboxcontinner.height()); mediaboxcont.find('.mediaboxck_link').stop().animate({'opacity': '0'}, 500, function() { $(this).hide(); links.css({'display' : 'inline-block', 'opacity' : '0'}).stop().animate({'opacity': '1'}, 500, function() { mediaboxcontinner.css('height', ''); }); }); // show needed links }); // add the navigation controls wrap.find('.mediaboxck-navigation-prev').click(function() { if (! pagination.find('li.active').prev().length) return; pagination.find('.mediaboxck-navigation-disabled').removeClass('mediaboxck-navigation-disabled'); pagination.find('li.active').prev().find('a').trigger('click'); if (! pagination.find('li.active').prev().length) $(this).addClass('mediaboxck-navigation-disabled'); }); wrap.find('.mediaboxck-navigation-next').click(function() { if (! pagination.find('li.active').next().length) return; pagination.find('.mediaboxck-navigation-disabled').removeClass('mediaboxck-navigation-disabled'); pagination.find('li.active').next().find('a').trigger('click'); if (! pagination.find('li.active').next().length) $(this).addClass('mediaboxck-navigation-disabled'); }); } }; // $.fn.mediabox = function(_options, linkMapper, linksFilter) { /* Internal functions */ function position() { overlay.css({top: window.getScrollTop(), left: window.getScrollLeft()}); } function size() { winWidth = $(window).width(); winHeight = $(window).height(); /* check if we need to switch to the mobile view */ // if (options.isMobileEnable) { // if (winWidth <= parseInt(options.mobileResolution)) { // center.addClass('mediaboxckmobile'); // toolbar.addClass('mediaboxckmobile'); // } else { // center.removeClass('mediaboxckmobile'); // toolbar.removeClass('mediaboxckmobile'); // } // } var dim = getCenterDimensions(); center.css({width: dim['width'], height: dim['height'] , top: dim['top'], marginTop: dim['marginTop'], marginLeft: dim['marginLeft']}); centerImage(); resizeVideos(); } function getCenterDimensions() { winWidth = $(window).width(); winHeight = $(window).height(); if (mediaInitH == undefined) mediaInitH = options.defaultHeight; // if (mediaHeight == undefined) mediaHeight = options.defaultHeight; // if (mediaWidth == undefined) mediaWidth = options.defaultWidth; if ( mediaInitH >= winHeight-options.imgPadding && (mediaHeight / winHeight) >= (mediaWidth / winWidth) && ! center.hasClass('mediaboxckmobile') ) { top = $(window).scrollTop() + ($(window).height()/2); tmpHeight = winHeight-options.imgPadding; tmpWidth = parseInt((tmpHeight/mediaInitH)*mediaInitW, 10); media.css({width: tmpWidth, height: tmpHeight}); bottom.css({width: tmpWidth-marginBottom+"px"}); caption.css({width: tmpWidth-marginBottom+"px"}); tmpWidth = media.outerWidth(); tmpHeight = media.outerHeight()+bottom.outerHeight(); } else if ( (mediaInitW >= winWidth-options.imgPadding && (mediaInitH / winHeight) < (mediaInitW / winWidth)) && ! center.hasClass('mediaboxckmobile') ) { top = $(window).scrollTop() + ($(window).height()/2); tmpWidth = winWidth-options.imgPadding; tmpHeight = parseInt((tmpWidth/mediaInitW)*mediaInitH, 10); media.css({width: tmpWidth, height: tmpHeight}); bottom.css({width: tmpWidth-marginBottom+"px"}); caption.css({width: tmpWidth-marginBottom+"px"}); tmpWidth = media.outerWidth(); tmpHeight = media.outerHeight()+bottom.outerHeight(); }else if( mediaInitW < winWidth-options.imgPadding && ! center.hasClass('mediaboxckmobile') ) { top = $(window).scrollTop() + ($(window).height()/2); tmpWidth = mediaInitW; tmpHeight = mediaInitH; media.css({width: tmpWidth, height: tmpHeight}); bottom.css({width: tmpWidth-marginBottom+"px"}); caption.css({width: tmpWidth-marginBottom+"px"}); tmpWidth = media.outerWidth(); tmpHeight = media.outerHeight()+bottom.outerHeight(); } var dim = new Array(); centerw = media.outerWidth(); centerh = media.outerHeight()+bottom.outerHeight(); dim['width'] = centerw; dim['height'] = centerh; dim['top'] = $(window).scrollTop() + ($(window).height()/2); dim['marginTop'] = -(centerh/2); dim['marginLeft'] = -(centerw/2); return dim; } function resizeVideos() { // force the videos to fit the visible area if (center.hasClass('mediaboxckmobile')) { media.find('object,iframe, video, audio').height('calc(100% - ' + parseInt(bottom.height()) + 'px)'); } else { media.find('object, iframe, video, audio').height(media.height()); } } function centerImage() { var mediaImg = media.find('img'); if (center.hasClass('mediaboxckmobile')) { // to center the image in the screen mediaImg.css({top: '0%', marginTop: ($(window).height() - mediaImg.height())/2, left: '0%', marginLeft: ($(window).width() - mediaImg.width())/2}); } else { mediaImg.css({top: '0%', marginTop: '0'}); } } function setup(open) { // Hides on-page objects and embeds while the overlay is open, nessesary to counteract Firefox stupidity // if (Browser.firefox) { // ["object", window.ie ? "select" : "embed"].forEach(function(tag) { // Array.forEach($$(tag), function(el) { // if (open) el._mediabox = el.style.visibility; // el.style.visibility = open ? "hidden" : el._mediabox; // }); // }); // } overlay.css('display', (open ? "" : "none") ); // var fn = open ? "addEvent" : "removeEvent"; // TODO : browser à migrer // if (Browser.Platform.ios || Browser.ie6) window[fn]("scroll", position); // scroll position is updated only after movement has stopped $(window).off("keydown", keyDown); if (options.keyboard) $(window).bind('keydown',keyDown); if (options.isMobileEnable && options.isMobile) { center.addClass('mediaboxckmobile'); toolbar.addClass('mediaboxckmobile'); } } function keyDown(event) { if (options.keyboardAlpha) { switch(event.code) { case 27: // Esc case 88: // 'x' case 67: // 'c' close(); break; case 37: // Left arrow case 80: // 'p' previous(); break; case 39: // Right arrow case 78: // 'n' next(); } } else { switch(event.keyCode) { case 27: // Esc close(); break; case 37: // Left arrow previous(); break; case 39: // Right arrow next(); } } if (options.keyboardStop) { return false; } } function previous() { resetAutoplay(); return changeMedia(prevMedia); } function next() { resetAutoplay(); return changeMedia(nextMedia); } rad = 0; var radSum = 0.005; function play() { if(media.hasClass('paused')) { media.removeClass('paused'); pauseLink.show(); playLink.hide(); } autoplay(); return false; } function autoplay() { if (media.hasClass('paused')) return; clearInterval(loader); loader = setInterval( function(){ if(rad<1 && !media.hasClass('paused')){ rad = (rad+radSum); if (rad > 1) rad = 1; pieLoaderBar.css({'width':(rad*100)+'%'}); } else if (rad<=1 && media.hasClass('paused')){ rad = rad; } else { clearInterval(loader); if(!media.hasClass('paused')) { resetAutoplay(); next(); } } } , options.diapoTime*radSum); } function resetAutoplay() { clearInterval(loader); rad = 0; pieLoaderBar.css('width', '0'); } function pause() { clearInterval(loader); pieLoaderBar.stop(true, true); // clearInterval(t); media.addClass('paused'); pauseLink.hide(); playLink.show(); return false; } function share() { var url = window.location.href; var hash = window.location.hash; var index_of_hash = url.indexOf(hash) || url.length; var hashless_url = url.substr(0, index_of_hash).replace('#', ''); var shareLink = hashless_url + '#' + media.attr('data-mediaboxck-id'); var shareHtml = '<div id="mediaboxckShareBox">' + '<h3>' + Joomla.JText._('MEDIABOXCK_SHARE') + '</h3>' + '<p>' +'<a class="mbShareButton" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(shareLink) + '"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m287 456v-299c0-21 6-35 35-35h38v-63c-7-1-29-3-55-3-54 0-91 33-91 94v306m143-254h-205v72h196"></path></svg><span>Facebook</span></a>' +'<a class="mbShareButton" target="_blank" href="https://twitter.com/intent/tweet?url=' + encodeURIComponent(shareLink) + '"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m456 133c-14 7-31 11-47 13 17-10 30-27 37-46-15 10-34 16-52 20-61-62-157-7-141 75-68-3-129-35-169-85-22 37-11 86 26 109-13 0-26-4-37-9 0 39 28 72 65 80-12 3-25 4-37 2 10 33 41 57 77 57-42 30-77 38-122 34 170 111 378-32 359-208 16-11 30-25 41-42z"></path></svg><span>Twitter</span></a>' +'<a class="mbShareButton" target="_blank" href="https://www.pinterest.com/pin/create/button/?url=' + encodeURIComponent(shareLink) + '"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m265 56c-109 0-164 78-164 144 0 39 15 74 47 87 5 2 10 0 12-5l4-19c2-6 1-8-3-13-9-11-15-25-15-45 0-58 43-110 113-110 62 0 96 38 96 88 0 67-30 122-73 122-24 0-42-19-36-44 6-29 20-60 20-81 0-19-10-35-31-35-25 0-44 26-44 60 0 21 7 36 7 36l-30 125c-8 37-1 83 0 87 0 3 4 4 5 2 2-3 32-39 42-75l16-64c8 16 31 29 56 29 74 0 124-67 124-157 0-69-58-132-146-132z" fill="#fff"></path></svg><span>Pinterest</span></a>' +'<a class="mbShareButton" target="_blank" href="mailto:?subject=&body=' + encodeURIComponent(shareLink) + '"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/></svg><span>' + Joomla.JText._('MEDIABOXCK_EMAIL') + '</span></a>' + '</p>' + '<p><input class="mbShareInput" type="text" value="' + shareLink + '" onclick="select()"></p>' + '<div id="mediaboxckShareBox-close">×</div>'; + '</div>'; $('#mediaboxckShareBox, .mbOverlay').remove(); $(document.body).append('<div class="mbOverlay" style="z-index: 10000;"></div>'); $(document.body).append(shareHtml); $('#mediaboxckShareBox-close').on('click', function() { $('#mediaboxckShareBox, .mbOverlay').remove(); }); return false; } function zoomPlus() { $('#mbMedia').addClass('mbZooming'); var zoomValue = getZoomValue(); zoomValue = (zoomValue + 10) / 100; var mediaImg = media.find('img'); // mediaImg.css('transform', 'scale(' + (zoomValue) + ')'); mediaImg.css({ 'width': 'calc(100% * ' + (zoomValue) + ')' ,'max-width': 'none' ,'max-height': 'none' }); setZoomValue(zoomValue * 100); if (zoomValue > 1) { media.addClass('mbZoomingPlus'); } else { media.removeClass('mbZoomingPlus'); } return false; } function zoomMinus() { $('#mbMedia').addClass('mbZooming'); var zoomValue = getZoomValue(); if (zoomValue <= 10 ) return false; zoomValue = (zoomValue - 10) / 100; var mediaImg = media.find('img'); // mediaImg.css('transform', 'scale(' + (zoomValue) + ')'); mediaImg.css({ 'width': 'calc(100% * ' + (zoomValue) + ')' }); setZoomValue(zoomValue * 100); if (zoomValue > 1) { media.addClass('mbZoomingPlus'); } else { media.removeClass('mbZoomingPlus'); } return false; } function zoomInit() { $('#mbMedia').removeClass('mbZooming'); var zoomValue = 1; var mediaImg = media.find('img'); mediaImg.css('transform', 'scale(1)') .css('top', '0') .css('left', '0') .css('width', '100%'); setZoomValue(zoomValue * 100); return false; } function getZoomValue() { return parseInt($('#mbZoomValue big').text()); } function setZoomValue(val) { $('#mbZoomValue big').text(parseInt(val) + '%'); } function getNaturalImageSize(img) { // Get on screen image var screenImage = $(img); // Create new offscreen image to test var theImage = new Image(); theImage.src = screenImage.attr("src"); // Get accurate measurements from that. var imageWidth = theImage.width; var imageHeight = theImage.height; } function startDrag(e) { // determine event object if (!e) { var e = window.event; } if (e.preventDefault) e.preventDefault(); // IE uses srcElement, others use target dragTarget = e.target ? e.target : e.srcElement; // if (targ.className != 'dragme') {return}; // calculate event X, Y coordinates offsetX = e.clientX; offsetY = e.clientY; // assign default values for top and left properties if(!dragTarget.style.left) { dragTarget.style.left='0px'}; if (!dragTarget.style.top) { dragTarget.style.top='0px'}; // calculate integer values for top and left // properties coordX = parseInt(dragTarget.style.left); coordY = parseInt(dragTarget.style.top); isDragging = true; // move div element media.on('mousemove', function() { dragDiv(); }); return false; } function dragDiv(e) { if (!isDragging) {return}; if (!e) { var e= window.event}; // var dragTarget=e.target?e.target:e.srcElement; // move div element let styleLeft = coordX+e.clientX-offsetX; let styleTop = coordY+e.clientY-offsetY; if (styleLeft <= 0 && (media.width() - styleLeft) < dragTarget.clientWidth) { dragTarget.style.left=coordX+e.clientX-offsetX+'px'; } if (styleTop <= 0 && (media.height() - styleTop) < dragTarget.clientHeight) { dragTarget.style.top=coordY+e.clientY-offsetY+'px'; } return false; } function stopDrag() { isDragging = false; } function loadToolbar() { // inject the toolbar in the page $(document.body).append( toolbar ); toolbar.delay(200).css('opacity', 0).fadeTo( 360, 1); } function createMedia(url, params, mediaURL) { // NOTE : url not used, this setting is obsolete for flash medias var html = ''; // if media path is given, use html5 if(! mediaURL) mediaURL = ''; if (mediaURL) { // get the file name without extension var mediaExt = mediaURL.split('.').pop(); // var mediaExt = mediaURL[1]; mediaURL = mediaURL.replace('.' + mediaExt, ''); var medialoop = options.medialoop ? 'loop' : ''; var mediaautoplay = options.autoplay ? 'autoplay' : ''; var isAudio = mediaExt == 'mp3' || mediaExt == 'ogg' || mediaExt == 'aac' || mediaExt == 'wav'; var isVideo = mediaExt == 'mp4' || mediaExt == 'webm' || mediaExt == 'ogv'; // load the html5 tags for audio if (isAudio) { html += '<audio '+medialoop+' '+mediaautoplay+' controls="controls" style="width:100%">' +'<source src="'+mediaURL+'.mp3" type="audio/mp3" />' +'<source src="'+mediaURL+'.ogg" type="audio/ogg" />' +'<source src="'+mediaURL+'.aac" type="audio/aac" />' +'<source src="'+mediaURL+'.wav" type="audio/wav" />'; } else { html += '<video '+medialoop+' '+mediaautoplay+' controls="controls" poster="'+mediaURL+'.jpg" width="'+params['width']+'" height="'+params['height']+'">' +'<source src="'+mediaURL+'.mp4" type="video/mp4" />' +'<source src="'+mediaURL+'.webm" type="video/webm" />' +'<source src="'+mediaURL+'.ogv" type="video/ogg" />'; } } /*html += '<object data="'+url+'" width="'+params['width']+'" height="'+params['height']+'" type="application/x-shockwave-flash">' +'<param name="movie" value="'+url+'" />' +'<param name="allowFullScreen" value="true" />' +'<param name="wmode" value="transparent" />'; for (var param in params['params']) { html += '<param name="'+param+'" value="'+params['params'][param]+'" />'; } //+'<param name="flashVars" value="config={'playlist':[ 'linktoposter.jpg',{'url':'linktomovie.mp4','autoPlay':false}]}" />' // html += '<img alt="My Movie" src="linktoposter.jpg" width="'+params['width']+'" height="'+params['height']+'" title="No video playback capabilities, please download the video below." />' html += '</object>';*/ // html += '<!-- Fallback Text -->' // +'Your browser does not appear to support a browser. Please download the video below.' if (mediaURL) { if (isAudio) { html += '</audio>'; } else { html += '</video>'; } } if (options.addmediadownloadbutton == '1') { if (isAudio) { html += '<p>' +'<strong>Download audio file:</strong> <a href="'+mediaURL+'.mp3">MP3 format</a> | <a href=" '+mediaURL+'.ogg">Ogg format</a> | <a href=" '+mediaURL+'.aac">Aac format</a>' +'</p>'; } else { html += '<p>' +'<strong>Download video:</strong> <a href="'+mediaURL+'.mp4">MP4 format</a> | <a href=" '+mediaURL+'.ogv">Ogg format</a> | <a href=" '+mediaURL+'.webm">WebM format</a>' +'</p>'; } } return $(html); } function changeMedia(mediaIndex) { if (mediaIndex >= 0) { // if (Browser.Platform.ios && !options.iOSenable) { // window.open(mediaArray[mediaIndex][0], "_blank"); // close(); // return false; // } media.html(''); zoomBar.hide(); zoomInit(); activeMedia = mediaIndex; prevMedia = ((activeMedia || !options.loop) ? activeMedia : mediaArray.length) - 1; nextMedia = activeMedia + 1; if (nextMedia == mediaArray.length) nextMedia = options.loop ? 0 : -1; stop(); center.addClass("mbLoading"); if (preload && mediaType == "inline" && !options.inlineClone) preload.adopt(media.getChildren()); // prevents loss of adopted data // initialize the mediaType to avoid bad interactions mediaType = ''; /* mediaboxAdvanced link formatting and media support */ if (!mediaArray[mediaIndex][2]) mediaArray[mediaIndex][2] = ''; // Thanks to Leo Feyer for offering this fix WH = mediaArray[mediaIndex][2].split(' '); WHL = WH.length; if (options.fullWidth == '1') { mediaWidth = ''; mediaHeight = ''; center.addClass('mediaboxckfullwidth'); } else if (WHL>1) { // mediaWidth = (WH[WHL-2].match("%")) ? (window.getWidth()*((WH[WHL-2].replace("%", ""))*0.01))+"px" : WH[WHL-2]+"px"; mediaWidth = (WH[WHL-2].match("%")) ? ($(window).width()*((WH[WHL-2].replace("%", ""))*0.01)) : WH[WHL-2]; // mediaHeight = (WH[WHL-1].match("%")) ? (window.getHeight()*((WH[WHL-1].replace("%", ""))*0.01))+"px" : WH[WHL-1]+"px"; mediaHeight = (WH[WHL-1].match("%")) ? ($(window).height()*((WH[WHL-1].replace("%", ""))*0.01)) : WH[WHL-1]; } else { if (options.defaultWidth.match("%")) { mediaWidth = ($(window).width() * (parseInt(options.defaultWidth) / 100) - 10); } else { mediaWidth = ""; } if (options.defaultHeight.match("%")) { mediaHeight = ($(window).height() * (parseInt(options.defaultHeight) / 100) - 10); } else { mediaHeight = ""; } } URL = mediaArray[mediaIndex][0]; // URL = encodeURI(URL).replace("(","%28").replace(")","%29"); // URL = encodeURI(URL).replace("(","%28").replace(")","%29").replace("%20"," "); captionSplit = (mediaArray[activeMedia][1] != undefined) ? mediaArray[activeMedia][1].split('::') : ''; // Quietube and yFrog support if (URL.match(/quietube\.com/i)) { mediaSplit = URL.split('v.php/'); URL = mediaSplit[1]; } else if (URL.match(/\/\/yfrog/i)) { mediaType = (URL.substring(URL.length-1)); if (mediaType.match(/b|g|j|p|t/i)) mediaType = 'image'; if (mediaType == 's') mediaType = 'flash'; if (mediaType.match(/f|z/i)) mediaType = 'video'; URL = URL+":iphone"; } /* Specific Media Types */ // GIF, JPG, PNG if (URL.match(/\.gif|\.jpg|\.jpeg|\.webp|\.png|twitpic\.com/i) || mediaType == 'image') { center.removeClass('mediaboxckfullwidth'); mediaType = 'img'; URL = URL.replace(/twitpic\.com/i, "twitpic.com/show/full"); preload = new Image(); preload.onload = startEffect; preload.src = URL; zoomBar.show(); // FLV, MP4 } else if (URL.match(/\.flv|\.mp4/i) || mediaType == 'video') { mediaType = 'video'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; preload = createMedia('', { id: 'mbVideo', width: '100%', height: '100%', params: {wmode: options.wmodeNB, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }, URL); startEffect(); // MP3, AAC } else if (URL.match(/\.mp3|\.aac|tweetmic\.com|tmic\.fm/i) || mediaType == 'audio') { mediaType = 'audio'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || "17"; if (URL.match(/tweetmic\.com|tmic\.fm/i)) { URL = URL.split('/'); URL[4] = URL[4] || URL[3]; URL = "//media4.fjarnet.net/tweet/tweetmicapp-"+URL[4]+'.mp3'; } preload = createMedia('', { id: 'mbAudio', width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }, URL); startEffect(); // SWF } else if (URL.match(/\.swf/i) || mediaType == 'flash') { mediaType = 'obj'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; preload = createMedia(URL, { id: 'mbFlash', width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // removed by ced1870, .mov no more useful // MOV, M4V, M4A, MP4, AIFF, etc. /*} else if (URL.match(/\.mov|\.m4v|\.m4a|\.aiff|\.avi|\.caf|\.dv|\.mid|\.m3u|\.mp2||\.qtz/i) || mediaType == 'qt') { mediaType = 'qt'; mediaWidth = mediaWidth || options.defaultWidth; // mediaHeight = (parseInt(mediaHeight, 10)+16)+"px" || options.defaultHeight; mediaHeight = (parseInt(mediaHeight, 10)+16) || options.defaultHeight; preload = new Quickie(URL, { id: 'MediaboxQT', width: mediaWidth, height: mediaHeight, attributes: {controller: options.controller, autoplay: options.autoplay, volume: options.volume, loop: options.medialoop, bgcolor: options.bgcolor} }); startEffect(); */ // Blip.tv } /* Social Media Sites */ else if (URL.match(/blip\.tv/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "640"; mediaHeight = mediaHeight || "390"; preload = createMedia(URL, { src: URL, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Break.com } else if (URL.match(/break\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "464"; mediaHeight = mediaHeight || "376"; mediaId = URL.match(/\d{6}/g); preload = createMedia('//embed.break.com/'+mediaId, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // DailyMotion } else if (URL.match(/dailymotion\.com/i)) { // mediaType = 'obj'; // mediaWidth = mediaWidth || "480"; // mediaHeight = mediaHeight || "381"; // preload = createMedia(URL, { // id: mediaId, // width: mediaWidth, // height: mediaHeight, // params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} // }); // startEffect(); mediaSplit_video = URL.split('video/'); mediaSplit_swf = URL.split('swf/'); if (options.html5 && (mediaSplit_video.length > 1 || mediaSplit_swf.length > 1)) { mediaType = 'url'; mediaWidth = mediaWidth || "640"; mediaHeight = mediaHeight || "381"; // mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id. mediaId = mediaSplit_video[1] || mediaSplit_swf[1]; preload = $('<iframe />', { 'src': '//www.dailymotion.com/embed/video/'+ mediaId, 'id': mediaId, 'width': mediaWidth, 'height': mediaHeight, 'frameborder': 0 }); startEffect(); } else { mediaType = 'obj'; mediaId = mediaSplit_swf[1]; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "381"; preload = createMedia('//www.dailymotion.com/swf/'+mediaId, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); } // Facebook } else if (URL.match(/facebook\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "320"; mediaHeight = mediaHeight || "240"; mediaSplit = URL.split('v='); mediaSplit = mediaSplit[1].split('&'); mediaId = mediaSplit[0]; preload = createMedia('//www.facebook.com/v/'+mediaId, { movie: '//www.facebook.com/v/'+mediaId, classid: 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000', width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Flickr } else if (URL.match(/flickr\.com(?!.+\/show\/)/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "500"; mediaHeight = mediaHeight || "375"; mediaSplit = URL.split('/'); mediaId = mediaSplit[5]; preload = createMedia('//www.flickr.com/apps/video/stewart.swf', { id: mediaId, classid: 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000', width: mediaWidth, height: mediaHeight, params: {flashvars: 'photo_id='+mediaId+'&show_info_box='+options.flInfo, wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // GameTrailers Video } else if (URL.match(/gametrailers\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "392"; mediaId = URL.match(/\d{5}/g); preload = createMedia('//www.gametrailers.com/remote_wrap.php?mid='+mediaId, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Google Video } else if (URL.match(/google\.com\/videoplay/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "400"; mediaHeight = mediaHeight || "326"; mediaSplit = URL.split('='); mediaId = mediaSplit[1]; preload = createMedia('//video.google.com/googleplayer.swf?docId='+mediaId+'&autoplay='+options.autoplayNum, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Megavideo - Thanks to Robert Jandreu for suggesting this code! } else if (URL.match(/megavideo\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "640"; mediaHeight = mediaHeight || "360"; mediaSplit = URL.split('='); mediaId = mediaSplit[1]; preload = createMedia('//wwwstatic.megavideo.com/mv_player.swf?v='+mediaId, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Metacafe } else if (URL.match(/metacafe\.com\/watch/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "400"; mediaHeight = mediaHeight || "345"; mediaSplit = URL.split('/'); mediaId = mediaSplit[4]; preload = createMedia('//www.metacafe.com/fplayer/'+mediaId+'/.swf?playerVars=autoPlay='+options.autoplayYes, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Myspace } else if (URL.match(/vids\.myspace\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "425"; mediaHeight = mediaHeight || "360"; preload = createMedia(URL, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Revver } else if (URL.match(/revver\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "392"; mediaSplit = URL.split('/'); mediaId = mediaSplit[4]; preload = createMedia('//flash.revver.com/player/1.0/player.swf?mediaId='+mediaId+'&affiliateId='+options.revverID+'&allowFullScreen='+options.revverFullscreen+'&autoStart='+options.autoplay+'&backColor=#'+options.revverBack+'&frontColor=#'+options.revverFront+'&gradColor=#'+options.revverGrad+'&shareUrl=revver', { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Rutube } else if (URL.match(/rutube\.ru/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "470"; mediaHeight = mediaHeight || "353"; mediaSplit = URL.split('='); mediaId = mediaSplit[1]; preload = createMedia('//video.rutube.ru/'+mediaId, { movie: '//video.rutube.ru/'+mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Tudou } else if (URL.match(/tudou\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "400"; mediaHeight = mediaHeight || "340"; mediaSplit = URL.split('/'); mediaId = mediaSplit[5]; preload = createMedia('//www.tudou.com/v/'+mediaId, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Twitcam } else if (URL.match(/twitcam\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "320"; mediaHeight = mediaHeight || "265"; mediaSplit = URL.split('/'); mediaId = mediaSplit[3]; preload = createMedia('//static.livestream.com/chromelessPlayer/wrappers/TwitcamPlayer.swf?hash='+mediaId, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Twitvid } else if (URL.match(/twitvid\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "600"; mediaHeight = mediaHeight || "338"; mediaSplit = URL.split('/'); mediaId = mediaSplit[3]; preload = createMedia('//www.twitvid.com/player/'+mediaId, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Ustream.tv } else if (URL.match(/ustream\.tv/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "400"; mediaHeight = mediaHeight || "326"; preload = createMedia(URL+'&viewcount='+options.usViewers+'&autoplay='+options.autoplay, { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // YouKu } else if (URL.match(/youku\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "400"; mediaSplit = URL.split('id_'); mediaId = mediaSplit[1]; preload = createMedia('//player.youku.com/player.php/sid/'+mediaId+'=/v.swf', { width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // YouTube Video (now includes HTML5 option) } else if (URL.match(/youtube\.com\/watch/i)) { mediaSplit = URL.split('v='); if (options.html5) { mediaType = 'url'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id. preload = $('<iframe />', { 'src': '//www.youtube.com/embed/'+mediaSplit[1], 'id': mediaId, 'width': mediaWidth, 'height': mediaHeight, 'allowfullscreen': options.fullscreen, 'frameborder': 0 }); startEffect(); } else { mediaType = 'obj'; mediaId = mediaSplit[1]; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "385"; preload = createMedia('//www.youtube.com/v/'+mediaId+'&autoplay='+options.autoplayNum+'&fs='+options.fullscreenNum+'&border='+options.ytBorder+'&color1=0x'+options.ytColor1+'&color2=0x'+options.ytColor2+'&rel='+options.ytRel+'&showinfo='+options.ytInfo+'&showsearch='+options.ytSearch, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); } // YouTube Playlist } else if (URL.match(/youtube\.com\/view/i)) { mediaType = 'obj'; mediaSplit = URL.split('p='); mediaId = mediaSplit[1]; mediaWidth = mediaWidth || "480"; mediaHeight = mediaHeight || "385"; preload = createMedia('//www.youtube.com/p/'+mediaId+'&autoplay='+options.autoplayNum+'&fs='+options.fullscreenNum+'&border='+options.ytBorder+'&color1=0x'+options.ytColor1+'&color2=0x'+options.ytColor2+'&rel='+options.ytRel+'&showinfo='+options.ytInfo+'&showsearch='+options.ytSearch, { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Veoh } else if (URL.match(/veoh\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "410"; mediaHeight = mediaHeight || "341"; URL = URL.replace('%3D','/'); mediaSplit = URL.split('watch/'); mediaId = mediaSplit[1]; preload = createMedia('//www.veoh.com/static/swf/webplayer/WebPlayer.swf?version=AFrontend.5.5.2.1001&permalinkId='+mediaId+'&player=videodetailsembedded&videoAutoPlay='+options.AutoplayNum+'&id=anonymous', { id: mediaId, width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen} }); startEffect(); // Viddler } else if (URL.match(/viddler\.com/i)) { mediaType = 'obj'; mediaWidth = mediaWidth || "437"; mediaHeight = mediaHeight || "370"; mediaSplit = URL.split('/'); mediaId = mediaSplit[4]; preload = createMedia(URL, { id: 'viddler_'+mediaId, movie: URL, classid: 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000', width: mediaWidth, height: mediaHeight, params: {wmode: options.wmode, bgcolor: options.bgcolor, allowscriptaccess: options.scriptaccess, allowfullscreen: options.fullscreen, id: 'viddler_'+mediaId, movie: URL} }); startEffect(); // Vimeo (now includes HTML5 option) } else if (URL.match(/vimeo\.com/i)) { mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; mediaSplit = URL.split('/'); mediaId = mediaSplit[3]; var mediasrc = URL.indexOf('player.vimeo.com/video') != -1 ? URL : '//player.vimeo.com/video/'+mediaSplit[3]+'?portrait='+options.vmPortrait; mediaType = 'url'; mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id. preload = $('<iframe />', { 'src': mediasrc, 'id': mediaId, 'width': mediaWidth, 'height': mediaHeight, 'allowfullscreen': options.fullscreen, 'frameborder': 0 }); startEffect(); // INLINE } else if (URL.match(/\#mb_/i)) { mediaType = 'inline'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; URLsplit = URL.split('#'); // preload = new Element("div", {id: "mbMediaInline"}).adopt($('#'+URLsplit[1]).getChildren().clone([true,true])); preload = $('#'+URLsplit[1]); startEffect(); // HTML (applies to ALL links not recognised as a specific media type) } else if (URL.match(/googleusercontent/i)) { mediaType = 'img'; preload = new Image(); preload.onload = startEffect; preload.src = URL; // HTML (applies to ALL links not recognised as a specific media type) } else { mediaType = 'url'; mediaWidth = mediaWidth || options.defaultWidth; mediaHeight = mediaHeight || options.defaultHeight; mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id. preload = $('<iframe />', { 'src': URL, 'id': mediaId, 'width': mediaWidth, 'height': mediaHeight, 'allowfullscreen': options.fullscreen, 'frameborder': 0 }); startEffect(); } } return false; } function startEffect() { // if (Browser.Platform.ios && (mediaType == "obj" || mediaType == "qt" || mediaType == "html")) alert("this isn't gonna work"); // if (Browser.Platform.ios && (mediaType == "obj" || mediaType == "qt" || mediaType == "html")) mediaType = "ios"; // added by ced1870 media.css('opacity', 0); mediaInitW = mediaInitH = ''; // needed to avoid size problem between multiple medias in the same page media.off("click", next); // remove click event if (mediaType == "img") media.on("click", function() {if (media.hasClass('mbZooming')) return;next();}); // if image then add the click event to go to the next image // setup mediabox ID MediaboxID = mediaArray[activeMedia][3]; media.attr('data-mediaboxck-id', MediaboxID); if (mediaType == "img"){ mediaWidth = preload.width; mediaHeight = preload.height; // store the original media size mediaInitW = mediaWidth; mediaInitH = mediaHeight; if (options.imgBackground) { media.css({backgroundImage: "url("+URL+")", display: ""}); } else { // Thanks to Dusan Medlin for fixing large 16x9 image errors in a 4x3 browser if (mediaHeight >= winHeight-options.imgPadding && (mediaHeight / winHeight) >= (mediaWidth / winWidth)) { mediaHeight = winHeight-options.imgPadding; mediaWidth = parseInt((mediaHeight/preload.height)*mediaWidth, 10); // mediaWidth = preload.width = parseInt((mediaHeight/preload.height)*mediaWidth, 10); // preload.height = mediaHeight; } else if (mediaWidth >= winWidth-options.imgPadding && (mediaHeight / winHeight) < (mediaWidth / winWidth)) { mediaWidth = winWidth-options.imgPadding; mediaHeight = parseInt((mediaWidth/preload.width)*mediaHeight, 10); // mediaHeight = preload.height = parseInt((mediaWidth/preload.width)*mediaHeight, 10); // preload.width = mediaWidth; } // TODO : migrer // if (Browser.ie) preload = $('#'+preload); // if (options.clickBlock) $(preload).on('mousedown', function(e){ e.stopPropagation(); }).on('contextmenu', function(e){ e.stopPropagation(); }); media.css({backgroundImage: "none", display: ""}); media.append(preload); } // mediaWidth += "px"; // mediaHeight += "px"; } else if (mediaType == "inline") { // if (options.overflow) media.css({overflow: options.overflow}); media.css({backgroundImage: "none", display: ""}); // media.append(preload); // media.grab(preload.get('html')); (options.inlineClone)?media.grab(preload.get('html')):media.adopt(preload.getChildren()); } else if (mediaType == "qt") { media.css({backgroundImage: "none", display: ""}); media.append(preload); // preload; } /*else if (mediaType == "ios" || $.browser['ios']) { media.css({backgroundImage: "none", display: ""}); media.html(options.linkText.replace(/\{x\}/gi, URL)); mediaWidth = options.DefaultWidth; mediaHeight = options.DefaultHeight; }*/ else if (mediaType == "url" || mediaType == "video" || mediaType == "audio") { media.css({backgroundImage: "none", display: ""}); media.append(preload); // if (Browser.safari) options.resizeOpening = false; // Prevents occasional blank video display errors in Safari, thanks to Kris Gale for the solution } else if (mediaType == "obj") { if (! $.flash.hasVersion(8)) { media.css({backgroundImage: "none", display: ""}); media.html('<div id="mbError"><b>Error</b><br/>Adobe Flash is either not installed or not up to date, please visit <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" title="Get Flash" target="_new">Adobe.com</a> to download the free player.</div>'); mediaWidth = options.DefaultWidth; mediaHeight = options.DefaultHeight; } else { media.css({backgroundImage: "none", display: ""}); media.append(preload); // if (Browser.safari) options.resizeOpening = false; // Prevents occasional blank video display errors in Safari, thanks to Kris Gale for the solution } } else { media.css({backgroundImage: "none", display: ""}); media.html(options.flashText); mediaWidth = options.defaultWidth; mediaHeight = options.defaultHeight; } // store the original media size mediaInitW = mediaInitW || mediaWidth; mediaInitH = mediaInitH || mediaHeight; if (mediaType != "img") { if (mediaHeight >= winHeight-options.imgPadding && (mediaHeight / winHeight) >= (mediaWidth / winWidth)) { mediaHeight = winHeight-options.imgPadding; mediaWidth = parseInt((mediaHeight/preload.height)*mediaWidth, 10); // mediaWidth = preload.width = parseInt((mediaHeight/preload.height)*mediaWidth, 10); // preload.height = mediaHeight; } else if (mediaWidth >= winWidth-options.imgPadding && (mediaHeight / winHeight) < (mediaWidth / winWidth)) { mediaWidth = winWidth-options.imgPadding; mediaHeight = parseInt((mediaWidth/preload.width)*mediaHeight, 10); // mediaHeight = preload.height = parseInt((mediaWidth/preload.width)*mediaHeight, 10); // preload.width = mediaWidth; } } // size(); $(window).bind('resize',size); title.empty().html( (options.showCaption) ? captionSplit[0] : ""); caption.empty().html( (options.showCaption && (captionSplit.length > 1)) ? captionSplit[1] : ""); number.empty().html( (options.showCounter && (mediaArray.length > 1)) ? options.counterText.replace(/\{x\}/, (options.countBack)?mediaArray.length-activeMedia:activeMedia+1).replace(/\{y\}/, mediaArray.length) : ""); // if (options.countBack) { // number.html((options.showCounter && (mediaArray.length > 1)) ? options.counterText.replace(/{x}/, activeMedia + 1).replace(/{y}/, mediaArray.length) : ""); // } else { // number.html((options.showCounter && (mediaArray.length > 1)) ? options.counterText.replace(/{x}/, mediaArray.length - activeMedia).replace(/{y}/, mediaArray.length) : ""); // } if ((prevMedia >= 0) && (mediaArray[prevMedia][0].match(/\.gif|\.jpg|\.jpeg|\.png|\.webp|twitpic\.com/i))) preloadPrev.src = mediaArray[prevMedia][0].replace(/twitpic\.com/i, "twitpic.com/show/full"); if ((nextMedia >= 0) && (mediaArray[nextMedia][0].match(/\.gif|\.jpg|\.jpeg|\.png|\.webp|twitpic\.com/i))) preloadNext.src = mediaArray[nextMedia][0].replace(/twitpic\.com/i, "twitpic.com/show/full"); // if (prevMedia >= 0) prevLink.css('display',''); // if (nextMedia >= 0) nextLink.css('display',''); if (prevMedia < 0 && nextMedia < 0) { // do nothing, the controls arrow are still hidden } else { prevLink.css('display',''); nextLink.css('display',''); if (prevMedia < 0) { prevLink.attr('data-state','0'); } else { prevLink.attr('data-state','1'); } if (nextMedia < 0) { nextLink.attr('data-state','0'); } else { nextLink.attr('data-state','1'); } } if (nextMedia >= 0 && media.hasClass('paused')) playLink.css('display',''); if (nextMedia >= 0 && !media.hasClass('paused')) pauseLink.css('display',''); media.css({width: mediaWidth+"px", height: mediaHeight+"px"}); bottom.css({width: mediaWidth-marginBottom+"px"}); caption.css({width: mediaWidth-marginBottom+"px"}); mediaWidth = media.outerWidth(); mediaHeight = media.outerHeight()+bottom.outerHeight(); if (mediaHeight >= top+top) { mTop = -top; } else { mTop = -(mediaHeight/2); } if (mediaWidth >= left+left) { mLeft = -left; } else { mLeft = -(mediaWidth/2); } var dim = getCenterDimensions(); if (options.resizeOpening ) { center.animate({width: dim['width'], height: dim['height'] , top: dim['top'], marginTop: dim['marginTop'], marginLeft: dim['marginLeft']}, options.resizeDuration, mediaAnimate); // center.animate({width: mediaWidth, height: mediaHeight, marginTop: mTop, marginLeft: mLeft}, options.resizeDuration, mediaAnimate); } else { center.css({width: mediaWidth, height: mediaHeight, marginTop: mTop, marginLeft: mLeft}); mediaAnimate(); } centerImage(); resizeVideos(); // set the touch behavior only for images if (mediaType == "img") { var el = document.getElementById("mbMedia"); // media.addEventListener("dblclick", centerImage, false); el.addEventListener("touchstart", touchStart, false); el.addEventListener("touchmove", touchMove, false); el.addEventListener("touchend", touchEnd, false); el.addEventListener("touchcancel", touchCancel, false); } } function mediaAnimate() { media.animate({opacity: 1}, 360, captionAnimate); } function captionAnimate() { autoplay(); center.removeClass('mbLoading'); bottom.animate({opacity: 1}, 240); } function stop() { if (preload) { if (mediaType == "inline" && !options.inlineClone) preload.adopt(media.getChildren()); // prevents loss of adopted data preload.onload = function(){}; // $empty replacement } prevLink.css("display", "none"); nextLink.css("display", "none"); playLink.css("display", "none"); pauseLink.css("display", "none"); } function close() { $("html").removeClass('mbOpened'); media.addClass('paused'); resetAutoplay(); if (activeMedia >= 0) { if (mediaType == "inline" && !options.inlineClone) preload.adopt(media.getChildren()); // prevents loss of adopted data preload.onload = function(){}; // $empty replacement media.empty(); for (var f in fx) fx[f].cancel(); center.css("display", "none"); toolbar.css("display", "none"); $('#mbOverlay').fadeTo( 360, 0, function() {$(this).css('display', 'none');}); // fx.overlay.chain(setup).start(0); } return false; } // method to get the touch device interaction // TOUCH-EVENTS SINGLE-FINGER SWIPE-SENSING JAVASCRIPT // Courtesy of PADILICIOUS.COM and MACOSXAUTOMATION.COM // win8 : MSPointerDown // TODO : check if it works var posStart = new Array(); var posCur = new Array(); var fingerCount = 0; posStart['x0'] = 0; posStart['y0'] = 0; posCur['x0'] = 0; posCur['y0'] = 0; var minLength = 72; // the shortest distance the user may swipe var swipeLength = 0; var swipeAngle = null; var swipeDirection = null; var initialPosX = null; var initialPosY = null; var imageMarginLeft = 0; var imageMarginTop = 0; var imageWidth = 0; var imageHeight = 0; var zoomRatio = 1; var cursorCenterX = 0; var cursorCenterY = 0; var imgmL = 0; var imgmT = 0; var touchClick = 0; // The 4 Touch Event Handlers // NOTE: the touchStart handler should also receive the ID of the triggering element // make sure its ID is passed in the event call placed in the element declaration, like: function touchStart(event) { // disable the standard ability to select the touched object event.preventDefault(); fingerCount = event.touches.length; touchClick++; if (fingerCount == 1) { setTimeout(function() { if (touchClick == 1) { } else if (touchClick == 2) { unzoomImage(); touchClick = 0; } touchClick = 0; }, 300); } else { touchClick = 0; } // store the initial image dimensions imageWidth = media.find('img').width(); imageHeight = media.find('img').height(); if ( fingerCount == 1 ) { // get the coordinates of the touch posStart['x0'] = event.touches[0].pageX; posStart['y0'] = event.touches[0].pageY; // store the image margins imageMarginLeft = media.find('img').css('marginLeft'); imageMarginTop = media.find('img').css('marginTop'); } else if ( fingerCount == 2 ) { // pinch with 2 fingers to zoom // get the coordinates of the touch posStart['x0'] = event.touches[0].pageX; posStart['x1'] = event.touches[1].pageX; posStart['y0'] = event.touches[0].pageY; posStart['y1'] = event.touches[1].pageY; cursorCenterX = Math.abs(posStart['x1'] + posStart['x0']) / 2; cursorCenterY = Math.abs(posStart['y1'] + posStart['y0']) / 2; } else { // more than one finger touched so cancel touchCancel(event); } } function touchMove(event) { event.preventDefault(); if ( event.touches.length == 1 ) { posCur['x0'] = event.touches[0].pageX; posCur['y0'] = event.touches[0].pageY; if (media.find('img').hasClass('zoomingck')) { moveImageck(); } } else if ( event.touches.length == 2 ) { posCur['x0'] = event.touches[0].pageX; posCur['x1'] = event.touches[1].pageX; posCur['y0'] = event.touches[0].pageY; posCur['y1'] = event.touches[1].pageY; calculateZoom(); zoomImageck(); } else { touchCancel(event); } } function touchEnd(event) { event.preventDefault(); // check to see if more than one finger was used and that there is an ending coordinate if ( fingerCount == 1 && posCur['x0'] != 0 ) { // use the Distance Formula to determine the length of the swipe swipeLength = Math.round(Math.sqrt(Math.pow(posCur['x0'] - posStart['x0'],2) + Math.pow(posCur['y0'] - posStart['y0'],2))); // if the user swiped more than the minimum length, perform the appropriate action if ( swipeLength >= minLength && !media.find('img').hasClass('zoomingck')) { calculateAngle(); determineSwipeDirection(); processingRoutine(); touchCancel(event); // reset the variables } else { touchCancel(event); } } else { touchCancel(event); } } function touchCancel(event) { // reset the variables back to default values fingerCount = 0; posStart['x0'] = 0; posStart['y0'] = 0; posCur['x0'] = 0; posCur['y0'] = 0; swipeLength = 0; swipeAngle = null; swipeDirection = null; initialPosX = null; initialPosY = null; initialPinchDistance = 0; endPinchDistance = 0; zoomRatio = 1; imageWidth = 0; imageHeight = 0; cursorCenterX = 0; cursorCenterY = 0; imgmL = 0; imgmT = 0; touchClick = touchClick > 2 ? 0 : touchClick; } function calculateAngle() { var X = posStart['x0']-posCur['x0']; var Y = posCur['y0']-posStart['y0']; var Z = Math.round(Math.sqrt(Math.pow(X,2)+Math.pow(Y,2))); //the distance - rounded - in pixels var r = Math.atan2(Y,X); //angle in radians (Cartesian system) swipeAngle = Math.round(r*180/Math.PI); //angle in degrees if ( swipeAngle < 0 ) { swipeAngle = 360 - Math.abs(swipeAngle); } } function calculateZoom() { var startDistX = Math.abs(posStart['x1'] - posStart['x0']); var startDistY = Math.abs(posStart['y1'] - posStart['y0']); var startDist = Math.round(Math.sqrt(Math.pow(startDistX,2)+Math.pow(startDistY,2))); var curDistX = Math.abs(posCur['x1'] - posCur['x0']); var curDistY = Math.abs(posCur['y1'] - posCur['y0']); var curDist = Math.round(Math.sqrt(Math.pow(curDistX,2)+Math.pow(curDistY,2))); zoomRatio = curDist / startDist; } function determineSwipeDirection() { if ( (swipeAngle <= 45) && (swipeAngle >= 0) ) { swipeDirection = 'left'; } else if ( (swipeAngle <= 360) && (swipeAngle >= 315) ) { swipeDirection = 'left'; } else if ( (swipeAngle >= 135) && (swipeAngle <= 225) ) { swipeDirection = 'right'; } else if ( (swipeAngle > 45) && (swipeAngle < 135) ) { swipeDirection = 'down'; } else { swipeDirection = 'up'; } } function processingRoutine() { if ( swipeDirection == 'left' ) { next(); } else if ( swipeDirection == 'right' ) { previous(); } else if ( swipeDirection == 'up' ) { } else if ( swipeDirection == 'down' ) { } } function zoomImageck() { var image = media.find('img'); if (! image.attr('data-width')) image.attr('data-width', imageWidth); if ( ( image.width() > image.attr('data-width') || (image.width() <= image.attr('data-width') && zoomRatio > 1) ) && (image.width() / mediaWidth < 10 || zoomRatio < 1) ) { var zoomSpeed = 1/2; // slow zoom and fast unzoom if (zoomRatio > 1) zoomRatio = (zoomRatio -1) * zoomSpeed + 1; cursorCenterX = $(window).width() / 2; //force the cursor position to be on center to avoid glitches cursorCenterY = $(window).height() / 2; //force the cursor position to be on center to avoid glitches var a = cursorCenterX - parseInt(imageMarginLeft); var b = cursorCenterY - parseInt(imageMarginTop); var newmL = a * zoomRatio - cursorCenterX; var newmT = b * zoomRatio - cursorCenterY; image.addClass('zoomingck').css({ 'max-width': 'none', 'max-height': 'none' }); image.css({ 'width': imageWidth*zoomRatio, 'margin-left': -newmL + 'px', 'margin-top': -newmT + 'px' }); } else if (image.width() <= image.attr('data-width')) { unzoomImage(); } } function unzoomImage() { var image = media.find('img'); image.width(image.attr('data-width')) .css('max-width', '100%') .css('max-height', '100%') .css('margin-left', '0') .removeClass('zoomingck'); centerImage(); } function moveImageck() { var image = media.find('img'); imgmL = imgmL || image.css('margin-left'); imgmT = imgmT || image.css('margin-top'); initialPosX = initialPosX || event.touches[0].pageX; initialPosY = initialPosY || event.touches[0].pageY; var offsetX = initialPosX - event.touches[0].pageX; var offsetY = initialPosY - event.touches[0].pageY; if ( image.width() > $(window).width() ) { if ( (parseInt(imageMarginLeft) - offsetX) < 0 && $(window).width() - (parseInt(imageMarginLeft) - offsetX) < (image.width()) ) { image.css('margin-left', parseInt(imgmL) - offsetX); } else if ($(window).width() - (parseInt(imageMarginLeft) - offsetX) > (image.width())) { // image.css('marginLeft', -image.width() + $(window).width()); } } if ( image.height() > $(window).height() ) { if ( (parseInt(imageMarginTop) - offsetY) < 0 && $(window).height() - (parseInt(imageMarginTop) - offsetY) < (image.height()) ) { image.css('margin-top', parseInt(imgmT) - offsetY); } else if ($(window).height() - (parseInt(imageMarginTop) - offsetY) > (image.height())) { // image.css('marginTop', -image.height() + $(window).height()); } } } function ckGetUniqueID(txt) { var id = MD5(unescape(encodeURIComponent(txt))); return id; } var MD5 = function(d){var r = M(V(Y(X(d),8*d.length)));return r.toLowerCase()};function M(d){for(var _,m="0123456789ABCDEF",f="",r=0;r<d.length;r++)_=d.charCodeAt(r),f+=m.charAt(_>>>4&15)+m.charAt(15&_);return f}function X(d){for(var _=Array(d.length>>2),m=0;m<_.length;m++)_[m]=0;for(m=0;m<8*d.length;m+=8)_[m>>5]|=(255&d.charCodeAt(m/8))<<m%32;return _}function V(d){for(var _="",m=0;m<32*d.length;m+=8)_+=String.fromCharCode(d[m>>5]>>>m%32&255);return _}function Y(d,_){d[_>>5]|=128<<_%32,d[14+(_+64>>>9<<4)]=_;for(var m=1732584193,f=-271733879,r=-1732584194,i=271733878,n=0;n<d.length;n+=16){var h=m,t=f,g=r,e=i;f=md5_ii(f=md5_ii(f=md5_ii(f=md5_ii(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_ff(f=md5_ff(f=md5_ff(f=md5_ff(f,r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+0],7,-680876936),f,r,d[n+1],12,-389564586),m,f,d[n+2],17,606105819),i,m,d[n+3],22,-1044525330),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+4],7,-176418897),f,r,d[n+5],12,1200080426),m,f,d[n+6],17,-1473231341),i,m,d[n+7],22,-45705983),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+8],7,1770035416),f,r,d[n+9],12,-1958414417),m,f,d[n+10],17,-42063),i,m,d[n+11],22,-1990404162),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+12],7,1804603682),f,r,d[n+13],12,-40341101),m,f,d[n+14],17,-1502002290),i,m,d[n+15],22,1236535329),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+1],5,-165796510),f,r,d[n+6],9,-1069501632),m,f,d[n+11],14,643717713),i,m,d[n+0],20,-373897302),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+5],5,-701558691),f,r,d[n+10],9,38016083),m,f,d[n+15],14,-660478335),i,m,d[n+4],20,-405537848),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+9],5,568446438),f,r,d[n+14],9,-1019803690),m,f,d[n+3],14,-187363961),i,m,d[n+8],20,1163531501),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+13],5,-1444681467),f,r,d[n+2],9,-51403784),m,f,d[n+7],14,1735328473),i,m,d[n+12],20,-1926607734),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+5],4,-378558),f,r,d[n+8],11,-2022574463),m,f,d[n+11],16,1839030562),i,m,d[n+14],23,-35309556),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+1],4,-1530992060),f,r,d[n+4],11,1272893353),m,f,d[n+7],16,-155497632),i,m,d[n+10],23,-1094730640),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+13],4,681279174),f,r,d[n+0],11,-358537222),m,f,d[n+3],16,-722521979),i,m,d[n+6],23,76029189),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+9],4,-640364487),f,r,d[n+12],11,-421815835),m,f,d[n+15],16,530742520),i,m,d[n+2],23,-995338651),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+0],6,-198630844),f,r,d[n+7],10,1126891415),m,f,d[n+14],15,-1416354905),i,m,d[n+5],21,-57434055),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+12],6,1700485571),f,r,d[n+3],10,-1894986606),m,f,d[n+10],15,-1051523),i,m,d[n+1],21,-2054922799),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+8],6,1873313359),f,r,d[n+15],10,-30611744),m,f,d[n+6],15,-1560198380),i,m,d[n+13],21,1309151649),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+4],6,-145523070),f,r,d[n+11],10,-1120210379),m,f,d[n+2],15,718787259),i,m,d[n+9],21,-343485551),m=safe_add(m,h),f=safe_add(f,t),r=safe_add(r,g),i=safe_add(i,e)}return Array(m,f,r,i)}function md5_cmn(d,_,m,f,r,i){return safe_add(bit_rol(safe_add(safe_add(_,d),safe_add(f,i)),r),m)}function md5_ff(d,_,m,f,r,i,n){return md5_cmn(_&m|~_&f,d,_,r,i,n)}function md5_gg(d,_,m,f,r,i,n){return md5_cmn(_&f|m&~f,d,_,r,i,n)}function md5_hh(d,_,m,f,r,i,n){return md5_cmn(_^m^f,d,_,r,i,n)}function md5_ii(d,_,m,f,r,i,n){return md5_cmn(m^(_|~f),d,_,r,i,n)}function safe_add(d,_){var m=(65535&d)+(65535&_);return(d>>16)+(_>>16)+(m>>16)<<16|65535&m}function bit_rol(d,_){return d<<_|d>>>32-_} var Mediaboxck = function (links, _options, linkMapper, linksFilter) { if (! links) return false; linkMapper = linkMapper || function(el) { elrel = $(el).attr(_options.attribType).split(/[\[\]]/); elrel = elrel[1]; return [$(el).attr('href'), $(el).attr('data-title'), elrel, ckGetUniqueID($(el).attr('href')), $(el).attr('data-share')]; // thanks to DuÅ¡an MedlÃn for figuring out the URL bug! }; linksFilter = linksFilter || function() { return true; }; // var links = this; links.map(function() { $(this).data('mediaboxck_done', '1').attr('data-title', $(this).attr('title')).removeAttr('title'); $(this).attr('data-mediaboxck-id', ckGetUniqueID($(this).attr('href'))); // if ($(this).attr('data-autoload') == '1') $(this).trigger('click'); }); /* clickBlock code - remove the following three lines to enable right-clicking on links to images */ // links.contextmenu(function(e){ // if (this.toString().match(/\.gif|\.jpg|\.jpeg|\.png/i)) e.preventDefault(); // }); // links.off("click").on("click", function(e) { links.on("click", function(e) { curlink = this; e.preventDefault(); // Build the list of media that will be displayed var filteredArray = links.filter( function() { return linksFilter(curlink, this); }); var filteredLinks = []; var filteredHrefs = []; filteredArray.each(function(index, item){ if(filteredHrefs.indexOf(item.toString()) < 0) { filteredLinks.push(filteredArray[index]); filteredHrefs.push(filteredArray[index].toString()); } }); return Mediabox.open(filteredLinks.map(linkMapper), filteredHrefs.indexOf(this.toString()), _options); }); links.each(function() { if ($(this).attr('data-autoload') == '1') { $(this).trigger('click'); // auto fadeout if the setting has been set var dataFadeout = parseInt($(this).attr('data-fadeout')); if (dataFadeout > 0) { setTimeout(function() { close(); }, dataFadeout); } } }); // check for image ID in the url var hash = window.location.hash.substr(1); var hashTarget = $('a[data-mediaboxck-id="' + hash + '"]'); if (hashTarget.length) { $(hashTarget[0]).trigger('click'); } // look for pagination let wrap = $('.mediaboxck-pagination').closest('.mediaboxck_cont'); if (wrap.length) { Mediabox.pagination(wrap); } return links; } window.Mediaboxck = Mediaboxck; })(jQuery); // Mediabox.scanPage = function() { // if (Browser.Platform.ios && !(navigator.userAgent.match(/iPad/i))) return; // this quits the process if the visitor is using a non-iPad iOS device (iPhone or iPod Touch) // var links = jQuery("a").filter(function(i) { // if ( jQuery(this).attr('rel') ) { // var patt = new RegExp(/^lightbox/i); // return patt.test(jQuery(this).attr('rel')); // } // }); // links.mediabox({/* Put custom options here */}, null, function(curlink, el) { // var rel0 = curlink.rel.replace(/[\[\]|]/gi," "); // var relsize = rel0.split(" "); // return (curlink == el) || ((curlink.rel.length > 8) && el.rel.match(relsize[1])); // }); // }; // jQuery(document).ready(function(){ // Mediabox.scanPage(); // }); // jQuery SWFObject v1.1.1 MIT/GPL @jon_neal // http://jquery.thewikies.com/swfobject (function(f,h,i){function k(a,c){var b=(a[0]||0)-(c[0]||0);return b>0||!b&&a.length>0&&k(a.slice(1),c.slice(1))}function l(a){if(typeof a!=g)return a;var c=[],b="";for(var d in a){b=typeof a[d]==g?l(a[d]):[d,m?encodeURI(a[d]):a[d]].join("=");c.push(b)}return c.join("&")}function n(a){var c=[];for(var b in a)a[b]&&c.push([b,'="',a[b],'"'].join(""));return c.join(" ")}function o(a){var c=[];for(var b in a)c.push(['<param name="',b,'" value="',l(a[b]),'" />'].join(""));return c.join("")}var g="object",m=true;try{var j=i.description||function(){return(new i("ShockwaveFlash.ShockwaveFlash")).GetVariable("$version")}()}catch(p){j="Unavailable"}var e=j.match(/\d+/g)||[0];f[h]={available:e[0]>0,activeX:i&&!i.name,version:{original:j,array:e,string:e.join("."),major:parseInt(e[0],10)||0,minor:parseInt(e[1],10)||0,release:parseInt(e[2],10)||0},hasVersion:function(a){a=/string|number/.test(typeof a)?a.toString().split("."):/object/.test(typeof a)?[a.major,a.minor]:a||[0,0];return k(e,a)},encodeParams:true,expressInstall:"expressInstall.swf",expressInstallIsActive:false,create:function(a){if(!a.swf||this.expressInstallIsActive||!this.available&&!a.hasVersionFail)return false;if(!this.hasVersion(a.hasVersion||1)){this.expressInstallIsActive=true;if(typeof a.hasVersionFail=="function")if(!a.hasVersionFail.apply(a))return false;a={swf:a.expressInstall||this.expressInstall,height:137,width:214,flashvars:{MMredirectURL:location.href,MMplayerType:this.activeX?"ActiveX":"PlugIn",MMdoctitle:document.title.slice(0,47)+" - Flash Player Installation"}}}attrs={data:a.swf,type:"application/x-shockwave-flash",id:a.id||"flash_"+Math.floor(Math.random()*999999999),width:a.width||320,height:a.height||180,style:a.style||""};m=typeof a.useEncode!=="undefined"?a.useEncode:this.encodeParams;a.movie=a.swf;a.wmode=a.wmode||"opaque";delete a.fallback;delete a.hasVersion;delete a.hasVersionFail;delete a.height;delete a.id;delete a.swf;delete a.useEncode;delete a.width;var c=document.createElement("div");c.innerHTML=["<object ",n(attrs),">",o(a),"</object>"].join("");return c.firstChild}};f.fn[h]=function(a){var c=this.find(g).andSelf().filter(g);/string|object/.test(typeof a)&&this.each(function(){var b=f(this),d;a=typeof a==g?a:{swf:a};a.fallback=this;if(d=f[h].create(a)){b.children().remove();b.html(d)}});typeof a=="function"&&c.each(function(){var b=this;b.jsInteractionTimeoutMs=b.jsInteractionTimeoutMs||0;if(b.jsInteractionTimeoutMs<660)b.clientWidth||b.clientHeight?a.call(b):setTimeout(function(){f(b)[h](a)},b.jsInteractionTimeoutMs+66)});return c}})(jQuery,"flash",navigator.plugins["Shockwave Flash"]||window.ActiveXObject);
