Görüntü haritası navigasyonlu bir HTML sayfası örneği

Daha gelişmiş içeriği olan bir HTML sayfası da oluşturabilirsiniz; örneğin kullanıcıların görünümler arasında geçiş yapmasına olanak veren bir görüntü haritası.

Aşağıdaki örnekte, önceki örnekten alınan iki grubu ve iki görünümü kullandık. Düğmeleri kullanmak yerine, bir kat planının görüntüsünün yer aldığı bir HTML sayfası ve bu kat planına dayalı bir görüntü haritası oluşturduk. Bir tarayıcıda görüntülendiğinde HTML sayfamız aşağıdaki gibi görünür:

Görünümler arasında navigasyon için görüntü haritası olan HTML sayfası

Bu örnekte kat planını dört ayrı renkli alana ayırdık ve her alan için bir görüntü haritası tanımladık. Kullanıcı, alandaki görünümü görüntüleyen kameralara gitmek için bir alana tıklayabilir.

Örneğin, görüntü haritamızdaki kırmızı alan önceki örnekte geçen Go to Shared Group2 View2 düğmesini yansıtmaktadır. Kırmızı alana tıklatırsanız, Group içindeki View2 görünümüne gideceksiniz