Historic Site
About This Attraction
Cape Byron Lighthouse is located at the easternmost point of mainland Australia in Byron Bay, New South Wales. This historic lighthouse was built in 1901 and stands as a significant maritime navigational aid. Visitors can enjoy panoramic views of the ocean and surrounding areas from its vantage point. The lighthouse is accessible by road, and there are walking tracks for those who prefer to hike.
The Cape Byron Lighthouse opening hours typically allow visitors to explore during daylight hours, with guided tours available for those interested in learning more about its history. The area around the lighthouse is also popular for whale watching during migration seasons. Parking is available nearby, though it can be limited during peak times. Its advisable to check local resources for up-to-date information before planning your visit.
Location Details
Address
Lighthouse Rd, Byron Bay NSW 2481, Australia
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Daily
Hours
8:00 AM - 5:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Arakwal National Park is located in Byron Bay, New South Wales, Australia. It offers visitors…
Learn More
Main Beach in Byron Bay is a popular destination for both locals and tourists. Its…
Learn More
Lone Pine Koala Sanctuary, located in Brisbane, is renowned as the worlds first and largest…
Learn More
South Bank in Brisbane is a popular destination that offers a variety of attractions for…
Learn More
The Brisbane Botanic Gardens, located in Mount Coot-tha, is a serene destination comprising 56 hectares…
Learn More
Lake McKenzie, located on Fraser Island in Australia, is a popular destination known for its…
Learn More
75 Mile Beach on Fraser Island, Australia, is a stunning stretch of coastline known for…
Learn More
The Maheno Shipwreck on Fraser Island is a popular tourist attraction with a unique history.…
Learn More
Taronga Zoo in Sydney is a popular destination for people interested in wildlife and conservation.…
Learn More
The Sydney Harbour Bridge is an iconic structure in Sydney, Australia, connecting the citys central…
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';
}
});
});
}
});