ipad

.gitignore

@@ -0,0 +1,2 @@
+
+/build/1.js

Changelog

@@ -1,53 +1,53 @@
-PanoJS3 1.0.0 (2011-01-14) by Dmitry Fedorov:
-  * controls UI works for iPhone, iPad and Android
-  * support for more events: scroll wheel for zoom, touch events (zoom, scroll)
-  * support multiple instances
-  * allow view scale beyond 100%
-  * good full window support
-  * pre-cache tiles in the first row outside of visible area
-  * one line instantiator
-  * google maps like controls - zoomin on double click
-  * center on one click
-  * fixed several problems showing tiles
-  * small info text about the state: scale, etc...
-  * thumbnail navigation
-  * IE is again supported - partially, maybe somebody can help?
-  * Use ExtJS for events
-  * refactoring JavaScript classes
-  * provide tile providers: imgcnv, bisque, zoomify and embedded python script
-
-PanoJS 1.0.2 (2009-01-01) by Dan Allen:
-	* renamed project to PanoJS
-	* change license to Apache License 2.0
-	* move project to Google Code
-	* respect max zoom level when scaling to window
-	* don't alert if max zoom size is exceeded when message is null
-
-GSIV 1.0.1 (2006-03-16) by Dan Allen:
-	* added localization for two warning messages
-	* fixed the TileUrlProvider checking in the constructor
-	* added GSIV.isInstance to check for an instance of a class
-	* fixed python script to allow for missing background color parameter
-
-GSIV 1.0.0 (2006-02-26) by Dan Allen:
-	* completely new object-oriented design
-	* use json options format
-	* optimized performance (both in drag, rendering and zoom)
-	* fixed rounding error in tile placement that lead to artifact lines
-	* added upper zoom limit
-	* added initial pan option
-	* added observers that can send viewer events to listeners
-	* double-click to recenter
-	* smooth motion when repositioning
-	* method to position absolutely (recenter on absolute point)
-	* method to fit to window (resize)
-	* additional options for file names and extensions
-	* preloading image tiles (loading animation)
-	* prevent from scrolling outside of original image boundary (uses blank	tile)
-	* throttle mouse move events to increase performance
-	* cross-browser mouse cursor implementation that represent dragging
-	* account for scroll offset of page when calculating coordinates
-	* keyboard events for movement (initial attempt)
-	* new tilemaker.py python script, using a cleaner design and additional options
-
+PanoJS3 1.0.0 (2011-01-14) by Dmitry Fedorov:
+  * controls UI works for iPhone, iPad and Android
+  * support for more events: scroll wheel for zoom, touch events (zoom, scroll)
+  * support multiple instances
+  * allow view scale beyond 100%
+  * good full window support
+  * pre-cache tiles in the first row outside of visible area
+  * one line instantiator
+  * google maps like controls - zoomin on double click
+  * center on one click
+  * fixed several problems showing tiles
+  * small info text about the state: scale, etc...
+  * thumbnail navigation
+  * IE is again supported - partially, maybe somebody can help?
+  * Use ExtJS for events
+  * refactoring JavaScript classes
+  * provide tile providers: imgcnv, bisque, zoomify and embedded python script
+
+PanoJS 1.0.2 (2009-01-01) by Dan Allen:
+	* renamed project to PanoJS
+	* change license to Apache License 2.0
+	* move project to Google Code
+	* respect max zoom level when scaling to window
+	* don't alert if max zoom size is exceeded when message is null
+
+GSIV 1.0.1 (2006-03-16) by Dan Allen:
+	* added localization for two warning messages
+	* fixed the TileUrlProvider checking in the constructor
+	* added GSIV.isInstance to check for an instance of a class
+	* fixed python script to allow for missing background color parameter
+
+GSIV 1.0.0 (2006-02-26) by Dan Allen:
+	* completely new object-oriented design
+	* use json options format
+	* optimized performance (both in drag, rendering and zoom)
+	* fixed rounding error in tile placement that lead to artifact lines
+	* added upper zoom limit
+	* added initial pan option
+	* added observers that can send viewer events to listeners
+	* double-click to recenter
+	* smooth motion when repositioning
+	* method to position absolutely (recenter on absolute point)
+	* method to fit to window (resize)
+	* additional options for file names and extensions
+	* preloading image tiles (loading animation)
+	* prevent from scrolling outside of original image boundary (uses blank	tile)
+	* throttle mouse move events to increase performance
+	* cross-browser mouse cursor implementation that represent dragging
+	* account for scroll offset of page when calculating coordinates
+	* keyboard events for movement (initial attempt)
+	* new tilemaker.py python script, using a cleaner design and additional options
+
 GSV 1.0 (2005) by Michal Migurski

README

@@ -1 +1 @@
-See docs/reference.html
+See docs/reference.html

big_demo/css/darkbox.css

@@ -0,0 +1,27 @@
+.opacity50{
+filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+-moz-opacity:.5;
+-khtml-opacity:.5;
+opacity:.5;
+}
+
+.darkbox{
+position:absolute;
+top:0;
+left:0;
+width:100%;
+
+background-color:#000;
+z-index:253;
+}
+.darkbox_i
+{
+position:absolute;
+top:0;
+left:0;
+width:100%;
+z-index:254;
+background-image: url('../i/ajax-loader.gif');
+background-position: center center;
+background-repeat: no-repeat;
+}

big_demo/css/panojs.css

@@ -0,0 +1,167 @@
+/*******************************************************************************
+ viewer
+*******************************************************************************/
+
+.viewer {
+  position: relative;
+  top: 0;
+  left: 0;
+  /* background-color: #434343; */
+  overflow: hidden;     
+
+  /* NOTE: the size and width should be set dynamically when initialized */
+  width: 0;
+  height: 0;
+}
+
+.viewer img {
+  margin: 0px;
+  float: none;  
+}
+
+.viewer .well, .viewer .surface {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  /* FIXME: let's apply this in GSV.js */
+  cursor: grab;
+  cursor: -moz-grab;
+  _cursor: url(../i/panojs/grab.cur);
+}
+
+.viewer .surface {
+  z-index: 20;
+  /*background: url(../gfx/center.gif) no-repeat center center;*/
+  _background: url(../i/panojs/blank.gif) no-repeat center center; /* NOTE: required for IE to"see" the surface */
+}
+
+.viewer .well {
+  overflow: hidden;
+  z-index: 10;
+}
+
+.viewer .well .tile {
+  border: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  display: block;
+}
+
+/*******************************************************************************
+ thumbnail
+*******************************************************************************/
+
+.viewer .thumbnail {
+  position: absolute;
+  right: 4px;
+  bottom: 4px;
+  width: 130px;
+  height: 130px;
+  margin: 0;
+  font-size: 12px;
+  line-height: 20px;
+  vertical-align: middle;
+  font-weight: bold;
+
+  overflow: hidden; 
+  z-index: 30;
+
+  border: 4px solid #000000;
+  border-radius: 5px;   
+  -moz-border-radius: 5px;    
+
+  opacity:0.8;
+  filter:alpha(opacity=80);   
+}
+
+.viewer .thumbnail img {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 30;
+  overflow: hidden;
+}
+
+.viewer .thumbnail_scale {
+  position: absolute;
+  bottom: -2px;
+  left: 5px;  
+  margin: 0;
+  padding: 0px;
+  z-index: 45;
+  color: #FFFFFF;
+}
+
+.viewer .thumbnail_roi {
+  position: absolute;
+  top: 0px;
+  left: 0px;  
+  width: 50px;
+  height: 50px;
+  margin: 0;
+  padding: 0px;
+  border: 2px solid #FF0000;
+  z-index: 40;
+}
+
+.viewer .thumbnail_roi_preview {
+  position: absolute;
+  top: 0px;
+  left: 0px;  
+  width: 50px;
+  height: 50px;
+  margin: 0;
+  padding: 0px;
+  border: 2px solid #FFFF00;
+  z-index: 39;
+}
+
+.viewer .thumbnail_surface {
+  position: absolute;
+  top: 0px;
+  left: 0px;  
+  z-index: 50;
+  width: 100%;
+  height: 100%;  
+}
+
+/*******************************************************************************
+ info
+*******************************************************************************/
+
+.viewer .info {
+  position: absolute; 
+  z-index: 25; 
+  width: 100%;
+  text-align: center; 
+  left: 0px; 
+  padding: 5px; 
+  bottom: 0px; 
+  color: #FFFFFF; 
+  text-shadow: 1px 1px 1px #000000; 
+  font-size: 12px;
+  text-overflow: ellipsis;  
+}
+
+.viewer .osd {
+  position: absolute; 
+  z-index: 15; 
+  width: 100%;
+  height: 100%;  
+  text-align: center;
+  top: 0px;   
+  left: 0px; 
+  padding-top: 25px;
+  color: #FFFFFF; 
+  text-shadow: 1px 1px 1px #000000; 
+  font-size: 12px;
+  text-overflow: ellipsis;  
+}
+