140 photos pour le plaisir, en plus !

/* Portfolio Options Configuration Goes Here*/ #gallery .tile:hover{ cursor: pointer !important; } /* - - - - - - - - - - - - - - -*/ /* Tile Hover Customizations */ /* Customize overlay background */ #gallery .crp-tile-inner .overlay, #gallery .tile .caption { background-color: rgba(0,0,0,0.50196078431373) !important; } #gallery .crp-tile-inner.crp-details-bg .details { background-color: rgba(0,0,0,0.50196078431373) !important; } #gallery .crp-tile-inner .details h3 { color: #ffffff; text-align: center; font-size: 18px; } #gallery .crp-tile-inner .details p { color: #ffffff; text-align: center; font-size: 11px; } #gallery .crp-tile-inner .details h3 { margin-bottom: 0px; } (function($) { jQuery(document).ready(function(){ var tileParams = {}; if(0) { tileParams.approxTileWidth = 250; tileParams.approxTileHeight = 250; tileParams.minTileWidth = 200; } if(0) { tileParams.addBlock1Height = 40; tileParams.addBlock2Height = 100; } jQuery('#gallery').crpTiledLayer(tileParams); jQuery( ".crp-light-gallery" ).each(function() { var id = $( this ).attr("id"); jQuery("#" + id).lightGallery({ mode: 'slide', useCSS: true, cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)',// easing: 'linear', //'for jquery animation',// speed: 600, addClass: '', closable: true, loop: true, auto: false, pause: 6000, escKey: true, controls: true, hideControlOnEnd: false, preload: 1, //number of preload slides. will exicute only after the current slide is fully loaded. ex:// you clicked on 4th image and if preload = 1 then 3rd slide and 5th slide will be loaded in the background after the 4th slide is fully loaded.. if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ... showAfterLoad: true, selector: null, index: false, lang: { allPhotos: 'All photos' }, counter: false, exThumbImage: false, thumbnail: true, showThumbByDefault:false, animateThumb: true, currentPagerPosition: 'middle', thumbWidth: 150, thumbMargin: 10, mobileSrc: false, mobileSrcMaxWidth: 640, swipeThreshold: 50, enableTouch: true, enableDrag: true, vimeoColor: 'CCCCCC', youtubePlayerParams: false, // See: https://developers.google.com/youtube/player_parameters, videoAutoplay: true, videoMaxWidth: '855px', dynamic: false, dynamicEl: [], // Callbacks el = current plugin onOpen : function(el) {}, // Executes immediately after the gallery is loaded. onSlideBefore : function(el) {}, // Executes immediately before each transition. onSlideAfter : function(el) {}, // Executes immediately after each transition. onSlideNext : function(el) {}, // Executes immediately before each "Next" transition. onSlidePrev : function(el) {}, // Executes immediately before each "Prev" transition. onBeforeClose : function(el) {}, // Executes immediately before the start of the close process. onCloseAfter : function(el) {}, // Executes immediately once lightGallery is closed. onOpenExternal : function(el, index) { if($(el).attr('data-url')) { var href = $(el).attr("data-url"); } else { var href = $("#crp-light-gallery li").eq(index).attr('data-url'); } if(href) { crp_loadHref(href,true); }else { return false; } }, // Executes immediately before each "open external" transition. onToggleInfo : function(el) { var $info = $(".lg-info"); if($info.css("opacity") == 1){ $info.fadeTo("slow",0); }else{ $info.fadeTo("slow",1); } } // Executes immediately before each "toggle info" transition. }); }); jQuery(".tile").on('click', function (event){ if(jQuery(event.target).hasClass('crp-product-buy-button') || jQuery(event.target).hasClass('crp-product-checkout-button')) { return false; } else if(jQuery(event.target).is("a")) { return true; } event.preventDefault(); if(jQuery(event.target).hasClass("fa") && !jQuery(event.target).hasClass("zoom")) return; var tileId = jQuery(".tile-inner", jQuery(this)).attr("id"); var target = jQuery("#crp-light-gallery-item-"+tileId); target.trigger( "click" ); }); }); })( jQuery );

Suivez l’intégralité de la saison de l’USC dans la rubrique dédiée située dans le menu.

Tags:

Comments are closed