Code:
var panoramix = jQuery("#panoramix").panoramix({
width: "100%",
height: "600px",
margin: {
width: 0,
height: 0,
oversize: false
},
zoom: {
enabled: true,
current: 100,
min: 50,
max: 550,
step: 50,
crop: 256
},
nav: {
enabled: true,
step: 100
},
animation: {
enabled: true,
duration: 250
},
label: {
title: "Panoramix Demo",
info: "Panoramix demo"
},
image: {
url: "panoramix/medulas/panoramix.jpg",
path: "panoramix/medulas",
extension: "jpg",
separator: "-",
alt: "Loading"
},
poiCommon: {
icon: "panoramix/poi.png",
iconW: 20,
iconH: 20,
},
pois: [
{
x: 1400,
y: 400,
label: "Test marker #1",
title: false,
content: "Test marker...
There is another for zoom>=150
",
action: false,
zoomMin: 50
},
{
x: 1656,
y: 300,
label: "Test marker #2",
title: "GitHub",
content: "Abrir GitHub.com",
action: "window.open('https://github.com/gonzaloalbito/jq-panoramix');",
zoomMin: 150
}
]
});