Difference between revisions of "Example IIPImage 1"

From National Gallery Research Wiki
Jump to navigation Jump to search
 
(5 intermediate revisions by the same user not shown)
(No difference)

Latest revision as of 18:04, 26 August 2014

One of the example graphs list of the Including Zoomable Images page.

NG6478: Pierre-Auguste Renoir, The Skiff (La Yole)

Demonstrating the inclusion of dynamic annotations and a specified start point and zoom.

{{#iipimage:server=http://cima.ng-london.org.uk/fcgi-bin/iipsrv.fcgi%7C image=/pics/tmp/websiteimages/Website_Collection_Online/Web%20Zoom%20Images/WZ%20web%20NG%20Fronts/N-6478-00-000017-WZ-PYR.tif| wid=600px| hei=600px| format=center| credit=© The National Gallery, London| scale=6.52| annotations=[

 {x: 0.07066667, y: 0.1418875, w: 0.1206667, h: 0.202321, title: "Example Annotation", text: "1 Here is a basic example of an annotations."},
 {x: 0.4266667, y: 0.4037661, w: 0.316, h: 0.2347274, title: "Example Annotation", text: "2 Here is a basic example of an annotations."},
 {x: 0.4366667, y: 0.4237661, w: 0.116, h: 0.1347274, title: "Example Annotation", text: "2B Inside example of an annotations."},
 {x: 0.7900153, y: 0.796, w: 0.1213333, h: 0.1191154, title: "Example Annotation", text: "3 Here is a basic example of an annotations."},
 {x: 0.1373333, y: 0.7269542, w: 0.001666667, h: 0.002189621, title: "Example Annotation", text: "Here is a basic example of an annotations."},
 {x: 0.7269542, y: 0.1373333, w: 0.00, h: 0.00, title: "Example Annotation", text: "4 Here is a basic example of an annotations."}
 ]|

viewport={resolution:3,x:0.375,y:0.20,rotation:0} }}

Example Code

{{#iipimage:
server=http://cima.ng-london.org.uk/fcgi-bin/iipsrv.fcgi|
image=/pics/tmp/websiteimages/Website_Collection_Online/Web%20Zoom%20
  Images/WZ%20web%20NG%20Fronts/N-6478-00-000017-WZ-PYR.tif|
wid=600px|  
hei=600px|
format=center|
credit=© The National Gallery, London|
scale=6.52|
annotations=[
  {x: 0.07066667, y: 0.1418875, w: 0.1206667, h: 0.202321, 
   title: "Example Annotation", 
   text: "1 Here is a basic example of an annotations."},
  {x: 0.4266667, y: 0.4037661, w: 0.316, h: 0.2347274, 
   title: "Example Annotation", 
   text: "2 Here is a basic example of an annotations."},
  {x: 0.7900153, y: 0.796, w: 0.1213333, h: 0.1191154, 
   title: "3 Example Annotation", text: "Here is a basic example of an annotations."},
  {x: 0.1373333, y: 0.7269542, w: 0.001666667, h: 0.002189621, 
   title: "4 Example Annotation", text: "Here is a basic example of an annotations."}
  ]|
viewport={resolution:3,x:0.375,y:0.20,rotation:0}
}}