Changeset 24630 for main/trunk/model-cols-dev/peijones/etc/collectionConfig.xml

Timestamp:

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

Author:

papitha

Message:

Zoom functionality added to Pei Jones Collection

File:

• main/trunk/model-cols-dev/peijones/etc/collectionConfig.xml (modified) (1 diff)

main/trunk/model-cols-dev/peijones/etc/collectionConfig.xml

@@ -65 +65 @@
             <option name="-metadata" value="dc.Title;Title"/>
             <option name="-partition_type_within_level" value="approximate_size"/>
+            <option name="-bookshelf_type" value="never"/>
         </classifier>
         <classifier name="AZCompactList">
             <option name="-metadata" value="Source"/>
             <option name="-removesuffix" value="(?i)\\..*"/>
+            <option name="-buttonname" value="Source"/>
         </classifier>
         <format><gsf:template match="documentNode"><td valign="top"><gsf:link type="document"><gsf:icon type="document"/></gsf:link></td><td valign="top"><gsf:link type="source"><gsf:choose-metadata><gsf:metadata name="thumbicon"/><gsf:metadata name="srcicon"/></gsf:choose-metadata></gsf:link></td><td valign="top"><gsf:choose-metadata><gsf:metadata name="dc.Title"/><gsf:metadata name="exp.Title"/><gsf:metadata name="Title"/><gsf:default>Untitled</gsf:default></gsf:choose-metadata><gsf:switch><gsf:metadata name="Source"/><gsf:when test="exists"><br/><i>(<gsf:metadata name="Source"/>)</i></gsf:when></gsf:switch></td></gsf:template><gsf:template match="classifierNode"><td valign="top"><gsf:link type="classifier"><gsf:icon type="classifier"/></gsf:link></td><td valign="top"><gsf:metadata name="srclink"/><gsf:choose-metadata><gsf:metadata name="thumbicon"/><gsf:metadata name="srcicon"/></gsf:choose-metadata><gsf:metadata name="/srclink"/></td><td valign="top"><gsf:choose-metadata><gsf:metadata name="dc.Title"/><gsf:metadata name="exp.Title"/><gsf:metadata name="Title"/><gsf:default>Untitled</gsf:default></gsf:choose-metadata><gsf:switch><gsf:metadata name="Source"/><gsf:when test="exists"><br/><i>(<gsf:metadata name="Source"/>)</i></gsf:when></gsf:switch></td></gsf:template><gsf:template match="classifierNode" mode="horizontal"><gsf:link type="horizontal"><gsf:metadata name="Title"/></gsf:link></gsf:template></format>
     </browse>
     <display>
-        <format><gsf:option name="TOC" value="false"/><xsl:template match="documentNode" mode="document"><h3><gsf:metadata name="ex.Title"/></h3><xsl:variable name="imageWidth"><gsf:metadata name="ImageWidth"/></xsl:variable><xsl:variable name="imageHeight"><gsf:metadata name="ImageHeight"/></xsl:variable><xsl:variable name="screenImageWidth"><gsf:metadata name="ScreenWidth"/></xsl:variable><xsl:variable name="screenImageHeight"><gsf:metadata name="ScreenHeight"/></xsl:variable><script type="text/javascript"><xsl:text>largeImageHeight =</xsl:text><xsl:value-of select="$imageHeight"/><xsl:text>;</xsl:text><xsl:text>largeImageWidth =</xsl:text><xsl:value-of select="$imageWidth"/><xsl:text>;</xsl:text></script><div id="noZoom" style="display:block;"><gsf:metadata name="screenicon"/></div><div id="wrap" style="display:none"><div id="small" style="width: {$screenImageWidth}; height: {$screenImageHeight};"><gsf:metadata name="screenicon"/></div><div id="mover"><div id="overlay"><xsl:text/></div><div id="large"><img style="width: {$imageWidth}; height: {$imageHeight};"><xsl:attribute name="src"><xsl:value-of disable-output-escaping="yes" select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>/index/assoc/<gsf:metadata name="assocfilepath"/>/<gsf:metadata name="srclinkFile"/></xsl:attribute></img></div></div></div></xsl:template> </format>
-    </display>
+        <format><gsf:option name="TOC" value="false"/>
+        <xsl:template name="additionalHeaderContent">
+            <script type="text/javascript" src="interfaces/{$interface_name}/js/jquery-1.4.2.js"><xsl:text> </xsl:text></script>
+            <script type="text/javascript" src="sites/localsite/collect/peijones/js/documentmaker/zoomer.jquery.js"><xsl:text> </xsl:text></script>
+            <link rel="stylesheet" type="text/css" href="sites/localsite/collect/peijones/style/style.css"/>
+            <script type="text/javascript">
+                <xsl:text disable-output-escaping="yes">
+                    function readyImagesForZoom()
+                    {
+                        document.getElementById("noZoom").style.display = "none";
+                        document.getElementById("wrap").style.display = "";
+                        var smallImageDiv = document.getElementById("small");
+                        var smallImage = smallImageDiv.getElementsByTagName("img")[0];
+                        smallImageDiv.style.width = smallImage.clientWidth + "px";
+                        smallImageDiv.style.height = smallImage.clientHeight + "px";
+                        var multiplier = largeImageHeight / smallImage.clientHeight;
+                        $("#wrap").anythingZoomer({
+                            expansionSize:50,
+                            speedMultiplier:multiplier
+                        });
+                    }
+                    
+                    function addZoom()
+                    {
+                        var wrapper = document.getElementById("wrap");
+                        var noZoom = document.getElementById("noZoom");
+                        
+                        noZoom.style.display = "none";
+                        wrapper.style.display = "block";
+                        
+                        var option = document.getElementById("zoomOption");
+                        option.setAttribute("onclick", "removeZoom();");
+                    }
+                    
+                    function removeZoom()
+                    {
+                        var wrapper = document.getElementById("wrap");
+                        var noZoom = document.getElementById("noZoom");
+                        
+                        wrapper.style.display = "none";
+                        noZoom.style.display = "block";
+                        
+                        var option = document.getElementById("zoomOption");
+                        option.setAttribute("onclick", "addZoom();");
+                    }
+                </xsl:text>
+            </script>
+        </xsl:template>
+        <xsl:template match="documentNode" mode="document">
+        <gsf:variable-struct name="photoNotes"><gsf:metadata name="gsimg.photoNote" multiple="true" separator=", "/></gsf:variable-struct>
+        <h3>
+        <gsf:choose-metadata>
+          <gsf:metadata name="dc.Title"/>
+          <gsf:metadata name="ex.Title"/>
+        </gsf:choose-metadata>
+          </h3>
+        <xsl:variable name="imageWidth"><gsf:metadata name="ImageWidth"/>
+        </xsl:variable><xsl:variable name="imageHeight"><gsf:metadata name="ImageHeight"/>
+        </xsl:variable><xsl:variable name="screenImageWidth">
+        <gsf:metadata name="ScreenWidth"/>
+        </xsl:variable><xsl:variable name="screenImageHeight"><gsf:metadata name="ScreenHeight"/></xsl:variable><script type="text/javascript"><xsl:text>largeImageHeight =</xsl:text><xsl:value-of select="$imageHeight"/><xsl:text>;</xsl:text><xsl:text>largeImageWidth =</xsl:text><xsl:value-of select="$imageWidth"/><xsl:text>;</xsl:text></script><div id="noZoom" style="display:block;"><gsf:metadata name="screenicon"/></div><div id="wrap" style="display:none"><div id="small" style="width: {$screenImageWidth}; height: {$screenImageHeight};"><gsf:metadata name="screenicon"/></div><div id="mover"><div id="overlay"><xsl:text/></div><div id="large"><img style="width: {$imageWidth}; height: {$imageHeight};"><xsl:attribute name="src"><xsl:value-of disable-output-escaping="yes" select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>/index/assoc/<gsf:metadata name="assocfilepath"/>/<gsf:metadata name="srclinkFile"/></xsl:attribute></img></div></div></div></xsl:template> 
+        </format>   
+    
+    </display>
     <replaceListRef id="gs2-standard"/>
     <replaceListRef id="gs2-image"/>