I imported events from a google calendar and display them on the site using fullcalendar.
I need to display the attached image file in the google calendar event in the popup window when I click on the calendar event on my site. I tried to get the url of the image using $j('#test-img').html(event.attachment[0].fileUrl); , but when you click, it redirects me to the event page in the Google calendar. The rest of the information is displayed normally.
How can I get the correct url of the picture?
$j('#calendar').fullCalendar({ googleCalendarApiKey: 'AIzaSyCD7ju2cVMfoM-yLL5IsH3fG9SDUOexjH0', events:'jetme6103iige9dqvd7pejpt34@group.calendar.google.com', firstDay: 1, timeFormat: 'MMMM', height: "auto", eventClick: function(event) { PopUpShow(); $j('#title').html(event.title); $j('#start').html(moment(event.start).format("DD MMMM YYYY")); $j('#test-desc').html(event.description); $j('#test-img').html(event.attachment[0].fileUrl); console.log(event); return false; }, loading: function(bool) { $j('#loading').toggle(bool); }, eventRender: function(event, element) { var dataToFind = moment(event.start).format('YYYY-MM-DD'); $j("td[data-date='" + dataToFind + "']").addClass('activeDay'); } });