.scrollImg.scrollScroll { background-image: url('/cacheimg?q=75&zc=1&w=2000&src=/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) { .scrollImg.scrollScroll { background-attachment: scroll !important; background-position-x: 50% !important; } } @media only screen and (max-width: 1024px) { .scrollImg.scrollScroll { background-image: url('/cacheimg?q=75&zc=1&w=1600&src=/uploads/casas/eu/mielelbardal/web/cabeceras/calendario_de_actividades.jpg'); } } @media only screen and (max-width: 768px) { .scrollImg.scrollScroll { background-image: url('/cacheimg?q=75&zc=1&w=1024&src=/uploads/casas/eu/mielelbardal/web/cabeceras/calendario_de_actividades.jpg'); } } @media only screen and (max-width: 480px) { .scrollImg.scrollScroll { background-image: url('/cacheimg?q=75&zc=1&w=800&src=/uploads/casas/eu/mielelbardal/web/cabeceras/calendario_de_actividades.jpg'); } } 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' }); }); #calendar { 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; font-size: 0.85em; padding: 0px; color: inherit; } #art-main .fc-event:hover { color: #000 !important; } .fc-scroller.fc-scroller-liquid-absolute { overflow: hidden !important; } table.fc-scrollgrid.fc-scrollgrid-liquid { margin: 0px; } .fc-event-title.fc-sticky { white-space: break-spaces; } .responsive #calendar { min-height: 1000px; } var calendar; $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var calendarEl = document.getElementById('calendar'); calendar = new FullCalendar.Calendar(calendarEl, { locale: 'es', timeZone: 'UTC', buttonText: { today: 'hoy'}, firstDay: 1, titleFormat: { year: 'numeric', month: 'long' }, defaultAllDay: true, dayMaxEvents: 4, headerToolbar: { left: 'today', center: 'title', right: 'prev,next' }, events: https://www.factinet.com/getEventsCalendarNew.php?id=374, eventClick: function(eventClickInfo) { //alert('Event: ' + calEvent.title); //alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY); //alert('View: ' + view.name); if (eventClickInfo.event.href != undefined) location.href = eventClickInfo.event.href; // change the border color just for fun //$(this).css('border-color', 'red'); }, eventDidMount: function(info) { var tooltip = new Tooltip(info.el, { title: info.event.extendedProps.description,//you can give data for tooltip placement: 'top', trigger: 'hover', container: 'body' }); } }); calendar.render(); });