Difference between revisions of "Example IIPImage 1"

From National Gallery Research Wiki
Jump to navigation Jump to search
Line 8: Line 8:
 
image=/pics/pyramids/uncropped_files/Uncropped%20NG%20Fronts/N-3268-00-000111-PYR.tif|
 
image=/pics/pyramids/uncropped_files/Uncropped%20NG%20Fronts/N-3268-00-000111-PYR.tif|
 
wid=600px|   
 
wid=600px|   
hei=600px|
+
hei=300px|
 
format=center|
 
format=center|
 
credit=© The National Gallery, London|
 
credit=© The National Gallery, London|
Line 25: Line 25:
 
=== Example Code ===
 
=== Example Code ===
 
<pre>
 
<pre>
{{#iipimage:
+
{{#iipimage:server=
server=http://cima.ng-london.org.uk/fcgi-bin/iipsrv.fcgi|
+
http://research.ng-london.org.uk/fcgi-bin/iipsrvIntPublic.fcgi|
image=/pics/tmp/websiteimages/Website_Collection_Online/Web%20Zoom%20
+
image=/pics/pyramids/uncropped_files/Uncropped%20NG%20Fronts/N-3268-00-000111-PYR.tif|
  Images/WZ%20web%20NG%20Fronts/N-6478-00-000017-WZ-PYR.tif|
 
 
wid=600px|   
 
wid=600px|   
hei=600px|
+
hei=300px|
 
format=center|
 
format=center|
 
credit=© The National Gallery, London|
 
credit=© The National Gallery, London|

Revision as of 15:20, 25 August 2014

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

NG3268: Pierre-Auguste Renoir, The Umbrellas, about 1881-6, Oil on canvas, (180.3 x 114.9 cm)

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

{{#iipimage:server=http://research.ng-london.org.uk/fcgi-bin/iipsrvIntPublic.fcgi%7C image=/pics/pyramids/uncropped_files/Uncropped%20NG%20Fronts/N-3268-00-000111-PYR.tif| wid=600px| hei=300px| 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://research.ng-london.org.uk/fcgi-bin/iipsrvIntPublic.fcgi|
image=/pics/pyramids/uncropped_files/Uncropped%20NG%20Fronts/N-3268-00-000111-PYR.tif|
wid=600px|  
hei=300px|
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}
}}