Changeset 24630 for main/trunk/model-cols-dev/peijones/transform

Timestamp:

2011-09-22T11:02:38+12:00 (13 years ago)

Author:

papitha

Message:

Zoom functionality added to Pei Jones Collection

Location:

main/trunk/model-cols-dev/peijones/transform/pages

Files:

• about.xsl (modified) (5 diffs)
• document.xsl (modified) (3 diffs)

main/trunk/model-cols-dev/peijones/transform/pages/about.xsl

@@ -23 +23 @@
 <xsl:text disable-output-escaping="yes">
 
-
-
   var collageDelayMsec = 2000;
-
   var numCollageImages;
 
@@ -71 +68 @@
     setTimeout('collageNextImage('+nextcollageFrameNum+')',collageDelayMsec);
 
-
  }
 
- 
  
 function initCollage()
@@ -134 +129 @@
       posStyle += "left: " + placement[i].x + "px; "; 
 
-
       visStyle = "visibility: inherit; ";
       zindexStyle = " z-index: " + numCollageImages + "; ";
@@ -148 +142 @@
 
 }
-
 
 </xsl:text>
@@ -168 +161 @@
 
     var Book_Image_Sources = new Array();
-
 
 function getImages()

main/trunk/model-cols-dev/peijones/transform/pages/document.xsl

@@ -125 +125 @@
                     newNote.Select();
                 }
-                window.onload = getNotes;
+                window.onload = function(){getNotes(); readyImagesForZoom();};
             </xsl:text>
         </script>
@@ -147 +147 @@
                 <tr><td>
                     <xsl:call-template name="viewOptions"/>
+                    <table class="viewOptions"><tr>
+                    <!-- Zoomer on/off button -->
+                    <xsl:if test="/page/pageRequest/paramList/param[@name = 'zoom']/@value = 'on'">
+                        <td>
+                            <img src="sites/localsite/collect/peijones/images/zoom.png"/>
+                            <input id="zoomOption" type="checkbox" class="optionCheckBox">
+                                <xsl:choose>
+                                    <xsl:when test="/page/pageRequest/paramList/param[@name = 'zoom']/@value = 'on'">
+                                        <xsl:attribute name="onclick">
+                                            <xsl:text>removeZoom();</xsl:text>
+                                        </xsl:attribute>
+                                        <xsl:attribute name="checked">true</xsl:attribute>
+                                        <script type="text/javascript">function init(){readyImagesForZoom();} window.onload = init;</script>
+                                    </xsl:when>
+                                    <xsl:otherwise>
+                                        <xsl:attribute name="onclick">
+                                            <xsl:text>addZoom();</xsl:text>
+                                        </xsl:attribute>
+                                    </xsl:otherwise>
+                                </xsl:choose>
+                            </input>
+                        </td>
+                    </xsl:if>
+                    </tr></table>
                 </td></tr>
                 <tr><td>
@@ -212 +236 @@
 
         <div class="clear"><xsl:text> </xsl:text></div>
+
     </xsl:template>
-    
 </xsl:stylesheet>