Historical Site
About This Attraction
Delos Island in Mykonos is a site of great historical significance, known for its archaeological ruins and mythological importance. Located near the island of Mykonos, it is accessible by ferry, making it an ideal day trip. The island was once a bustling center of trade and culture in ancient Greece. Visitors can explore the well-preserved ruins, including temples, statues, and marketplaces that offer insight into ancient Greek life.
For those planning a visit, its important to check Delos Island opening hours as they vary by season. Guided tours are available and recommended to fully appreciate the sites history and significance. The island is largely uninhabited and lacks modern amenities, so bringing water and snacks is advised. Always verify ferry schedules in advance to ensure a smooth visit.
Location Details
Address
Delos Island, near Mykonos, Greece
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
20 EUR
Child
10 EUR
Student
15 EUR
Senior
15 EUR
Opening Hours & Booking
Open
Days
Tuesday to Sunday
Hours
8:00 AM to 3:00 PM
Seasonality
Closed on Mondays and public holidays
Booking
Booking Required?
Yes
Book Your Visit
*Prices may vary. Check official website for the most up-to-date information.
Nearby Attractions
Little Venice in Mykonos is a picturesque area known for its charming waterfront houses that…
Learn More
Paradise Beach in Mykonos is one of the most famous beaches on the island, known…
Learn More
Kolymbithres Beach, located on the island of Paros in Greece, is known for its unique…
Learn More
Naoussa is a picturesque fishing village located on the northern coast of Paros, Greece. Known…
Learn More
The Portara is a massive marble doorway located on the island of Naxos, Greece. It…
Learn More
Naxos Castle, also known as Kastro, is a historic site located in the heart of…
Learn More
Parikia is the capital and main port of the Greek island of Paros, located in…
Learn More
Agios Prokopios Beach in Naxos is a popular destination known for its long stretch of…
Learn More
Antiparos is a small island located near Paros in the Cyclades, Greece. Known for its…
Learn More
Oia is a picturesque village located on the island of Santorini, Greece, known for its…
Learn More
";
}
// Initialize modal controls
const initModalControls = function() {
console.log('Initializing modal controls');
const modal = document.getElementById('attraction-modal');
const closeBtn = document.querySelector('.attraction-modal-close');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
modal.style.display = 'none';
document.body.style.overflow = '';
});
}
window.addEventListener('click', function(event) {
if (event.target === modal) {
modal.style.display = 'none';
document.body.style.overflow = '';
}
});
// Make attraction cards clickable
const attractionCards = document.querySelectorAll('.attraction-card');
console.log('Found ' + attractionCards.length + ' attraction cards');
attractionCards.forEach(card => {
card.addEventListener('click', function(e) {
openModalWithCardData(this);
});
});
};
// Function to open modal with card data
const openModalWithCardData = function(card) {
// Get data from hidden div
const data = card.querySelector('.attraction-full-data');
if (!data) {
console.error('No attraction data found in card');
return;
}
const modal = document.getElementById('attraction-modal');
if (!modal) {
console.error('Modal element still not found after creation attempt');
return;
}
// Helper function to safely get element text
function getElementText(selector) {
const element = data.querySelector(selector);
return element ? element.textContent : '';
}
try {
// Basic Info
document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name');
document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full');
document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full');
// Reset all containers to hidden
['attraction-modal-hours-container', 'attraction-modal-price-container',
'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => {
const container = document.getElementById(id);
if (container) container.style.display = 'none';
});
// Rating
const ratingText = getElementText('.attraction-rating-full');
if (ratingText) {
const ratingValue = parseFloat(ratingText);
if (!isNaN(ratingValue)) {
const ratingValueEl = document.getElementById('attraction-modal-rating-value');
const ratingFillEl = document.getElementById('attraction-modal-rating-fill');
if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10';
if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%';
}
}
// Show the modal
modal.style.display = 'block';
document.body.style.overflow = 'hidden'; // Prevent background scrolling
console.log('Modal opened successfully');
} catch (error) {
console.error('Error opening modal:', error);
}
};
// Try to create the modal
const created = createModal();
console.log('Modal created:', created);
// If not created (already exists), initialize the controls
if (!created) {
initModalControls();
}
// Also initialize distance toggle
const distanceToggle = document.getElementById('distance-unit-toggle');
if (distanceToggle) {
distanceToggle.addEventListener('change', function() {
const showKm = this.checked;
// Update toggle labels
const labels = document.querySelectorAll('.toggle-label');
if (labels.length >= 2) {
labels[0].style.opacity = showKm ? '0.5' : '1';
labels[1].style.opacity = showKm ? '1' : '0.5';
}
// Update all distance displays
document.querySelectorAll('.nearby-attraction-card').forEach(card => {
const kmEl = card.querySelector('.distance-km');
const miEl = card.querySelector('.distance-mi');
if (kmEl && miEl) {
kmEl.style.display = showKm ? 'inline' : 'none';
miEl.style.display = showKm ? 'none' : 'inline';
}
});
});
}
});