Museum
About This Attraction
The Whale Museum in Husavík, Iceland, offers visitors an educational experience focused on marine life and conservation. It is located in the town known as the whale-watching capital of Europe. The museum houses various exhibits detailing the biology, habitat, and behavior of different whale species found in Icelandic waters. Interactive displays and informative panels provide insights into the history of whaling and efforts toward marine preservation.
For practical Whale Museum travel information, the site is open year-round, with varying hours depending on the season. It is easily accessible by car and has ample parking space for visitors. Additionally, guided tours are available in multiple languages to cater to international guests. The museum is a family-friendly destination, offering activities suitable for all age groups.
Location Details
Address
Hafnarstétt 1, 640 Húsavík, Iceland
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
2000 ISK
Child
Free
Student
1500 ISK
Senior
1500 ISK
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
10:00 - 17:00
Seasonality
May to September
Booking
Booking Required?
No
Nearby Attractions
The Arctic Botanical Gardens in Akureyri, Iceland, is a unique destination showcasing a variety of…
Learn More
Akureyri Botanical Garden is a notable attraction located in the town of Akureyri, Iceland. Established…
Learn More
Akureyri Church, also known as Akureyrarkirkja, is a prominent Lutheran church located in the town…
Learn More
Husavík, often called the whale-watching capital of Iceland, offers a unique opportunity to observe these…
Learn More
Geosea Geothermal Sea Baths in Húsavík offer a unique bathing experience with water directly drawn…
Learn More
The Sun Voyager is a striking steel sculpture located along the scenic Sæbraut road in…
Learn More
Harpa Concert Hall in Reykjavik is a prominent cultural venue known for its unique architecture…
Learn More
Hallgrimskirkja is a striking Lutheran church located in Reykjavik, Iceland. Designed by architect Guðjón Samúelsson,…
Learn More
Perlan in Reykjavik is a notable landmark and cultural destination located on Öskjuhlíð hill. It…
Learn More
The National Museum of Iceland, located in Reykjavik, offers a comprehensive look into the history…
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';
}
});
});
}
});