.scrollImg.scrollScroll { background-image: url('uploads/casas/eu/mielelbardal/web/cabeceras/calendario_de_actividades.jpg'); background-repeat: no-repeat; height: 1543px; background-position-x: 50%; background-size: auto 275px; background-size: cover; } @supports ( -webkit-touch-callout : none) { .scrollImgFixed.scrollFixed { background-attachment:scroll !important; } } jQuery(window).scroll(function(){ jQuery(.scrollImg.scrollScroll).each(function( index ) { var barra = jQuery(window).scrollTop()-jQuery(this).offset().top + 550; var posicion = (barra * 0.30); jQuery(this).css({ 'background-position-y': (0+posicion-200) + 'px' }); }); var barra = jQuery(window).scrollTop()-jQuery(.scrollImg.scrollScroll).offset().top + 550; var posicion = (barra * 0.30); jQuery(.scrollImg.scrollScroll).css({ 'background-position-y': (0+posicion-200) + 'px' }); }); #Xcalendar { margin: 0 auto; } .responsive .art-postcontent .fc-view table { display: table; width: 100%; } .responsive span.fc-event-title { font-size: 10px; line-height: 160%; } table.fc-header { width: 100% !important; display: table !important; } #art-main .fc-event { max-height: 60px !important; overflow: hidden; } var calendar; $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); calendar = $('#calendar').fullCalendar({ theme: true, titleFormat: { month: 'MMMM yyyy' }, dayNamesShort: , dayNames: , monthNames: , monthNamesShort: , buttonText: { today: 'hoy'}, firstDay: 1, titleFormat: { month: 'MMMM yyyy', week: d MMMM { '—' MMMM yyyy}, day: dddd, d 'de' MMMM 'de' yyyy }, allDayText: 'sin hora', timeFormat: 'H:mm', allDayDefault: true, defaultView: 'month', header: { left: 'today', center: 'title', right: 'prev,next ' }, events: https://www.factinet.com/getEventsCalendar.php?id=374, eventClick: function(calEvent, jsEvent, view) { //alert('Event: ' + calEvent.title); //alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY); //alert('View: ' + view.name); if (calEvent.href != '') location.href = calEvent.href; // change the border color just for fun //$(this).css('border-color', 'red'); }, eventAfterRender: function(calEvent, element, view) { if (calEvent.href != '') $(element).click(function(){ location.href = calEvent.href; }); } }); });