Show
Ignore:
Timestamp:
22.09.2011 11:02:38 (8 years ago)
Author:
papitha
Message:

Zoom functionality added to Pei Jones Collection

Location:
main/trunk/model-cols-dev/peijones
Files:
4 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/model-cols-dev/peijones/etc/collectionConfig.bak

    r24556 r24630  
    6565            <option name="-metadata" value="dc.Title;Title"/> 
    6666            <option name="-partition_type_within_level" value="approximate_size"/> 
     67            <option name="-bookshelf_type" value="never"/> 
    6768        </classifier> 
    6869        <classifier name="AZCompactList"> 
    6970            <option name="-metadata" value="Source"/> 
    7071            <option name="-removesuffix" value="(?i)\\..*"/> 
     72            <option name="-buttonname" value="Source"/> 
    7173        </classifier> 
    7274        <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> 
  • main/trunk/model-cols-dev/peijones/etc/collectionConfig.xml

    r24556 r24630  
    6565            <option name="-metadata" value="dc.Title;Title"/> 
    6666            <option name="-partition_type_within_level" value="approximate_size"/> 
     67            <option name="-bookshelf_type" value="never"/> 
    6768        </classifier> 
    6869        <classifier name="AZCompactList"> 
    6970            <option name="-metadata" value="Source"/> 
    7071            <option name="-removesuffix" value="(?i)\\..*"/> 
     72            <option name="-buttonname" value="Source"/> 
    7173        </classifier> 
    7274        <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> 
    7375    </browse> 
    7476    <display> 
    75         <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> 
    76     </display> 
     77        <format><gsf:option name="TOC" value="false"/> 
     78        <xsl:template name="additionalHeaderContent"> 
     79            <script type="text/javascript" src="interfaces/{$interface_name}/js/jquery-1.4.2.js"><xsl:text> </xsl:text></script> 
     80            <script type="text/javascript" src="sites/localsite/collect/peijones/js/documentmaker/zoomer.jquery.js"><xsl:text> </xsl:text></script> 
     81            <link rel="stylesheet" type="text/css" href="sites/localsite/collect/peijones/style/style.css"/> 
     82            <script type="text/javascript"> 
     83                <xsl:text disable-output-escaping="yes"> 
     84                    function readyImagesForZoom() 
     85                    { 
     86                        document.getElementById("noZoom").style.display = "none"; 
     87                        document.getElementById("wrap").style.display = ""; 
     88                        var smallImageDiv = document.getElementById("small"); 
     89                        var smallImage = smallImageDiv.getElementsByTagName("img")[0]; 
     90                        smallImageDiv.style.width = smallImage.clientWidth + "px"; 
     91                        smallImageDiv.style.height = smallImage.clientHeight + "px"; 
     92                        var multiplier = largeImageHeight / smallImage.clientHeight; 
     93                        $("#wrap").anythingZoomer({ 
     94                            expansionSize:50, 
     95                            speedMultiplier:multiplier 
     96                        }); 
     97                    } 
     98                     
     99                    function addZoom() 
     100                    { 
     101                        var wrapper = document.getElementById("wrap"); 
     102                        var noZoom = document.getElementById("noZoom"); 
     103                         
     104                        noZoom.style.display = "none"; 
     105                        wrapper.style.display = "block"; 
     106                         
     107                        var option = document.getElementById("zoomOption"); 
     108                        option.setAttribute("onclick", "removeZoom();"); 
     109                    } 
     110                     
     111                    function removeZoom() 
     112                    { 
     113                        var wrapper = document.getElementById("wrap"); 
     114                        var noZoom = document.getElementById("noZoom"); 
     115                         
     116                        wrapper.style.display = "none"; 
     117                        noZoom.style.display = "block"; 
     118                         
     119                        var option = document.getElementById("zoomOption"); 
     120                        option.setAttribute("onclick", "addZoom();"); 
     121                    } 
     122                </xsl:text> 
     123            </script> 
     124        </xsl:template> 
     125        <xsl:template match="documentNode" mode="document"> 
     126        <gsf:variable-struct name="photoNotes"><gsf:metadata name="gsimg.photoNote" multiple="true" separator=", "/></gsf:variable-struct> 
     127        <h3> 
     128        <gsf:choose-metadata> 
     129          <gsf:metadata name="dc.Title"/> 
     130          <gsf:metadata name="ex.Title"/> 
     131        </gsf:choose-metadata> 
     132          </h3> 
     133        <xsl:variable name="imageWidth"><gsf:metadata name="ImageWidth"/> 
     134        </xsl:variable><xsl:variable name="imageHeight"><gsf:metadata name="ImageHeight"/> 
     135        </xsl:variable><xsl:variable name="screenImageWidth"> 
     136        <gsf:metadata name="ScreenWidth"/> 
     137        </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>  
     138        </format>    
     139     
     140    </display> 
    77141    <replaceListRef id="gs2-standard"/> 
    78142    <replaceListRef id="gs2-image"/> 
  • main/trunk/model-cols-dev/peijones/transform/pages/about.xsl

    r24629 r24630  
    2323<xsl:text disable-output-escaping="yes"> 
    2424 
    25  
    26  
    2725  var collageDelayMsec = 2000; 
    28  
    2926  var numCollageImages; 
    3027 
     
    7168    setTimeout('collageNextImage('+nextcollageFrameNum+')',collageDelayMsec); 
    7269 
    73  
    7470 } 
    7571 
    76   
    7772  
    7873function initCollage() 
     
    134129      posStyle += "left: " + placement[i].x + "px; ";  
    135130 
    136  
    137131      visStyle = "visibility: inherit; "; 
    138132      zindexStyle = " z-index: " + numCollageImages + "; "; 
     
    148142 
    149143} 
    150  
    151144 
    152145</xsl:text> 
     
    168161 
    169162    var Book_Image_Sources = new Array(); 
    170  
    171163 
    172164function getImages() 
  • main/trunk/model-cols-dev/peijones/transform/pages/document.xsl

    r24629 r24630  
    125125                    newNote.Select(); 
    126126                } 
    127                 window.onload = getNotes; 
     127                window.onload = function(){getNotes(); readyImagesForZoom();}; 
    128128            </xsl:text> 
    129129        </script> 
     
    147147                <tr><td> 
    148148                    <xsl:call-template name="viewOptions"/> 
     149                    <table class="viewOptions"><tr> 
     150                    <!-- Zoomer on/off button --> 
     151                    <xsl:if test="/page/pageRequest/paramList/param[@name = 'zoom']/@value = 'on'"> 
     152                        <td> 
     153                            <img src="sites/localsite/collect/peijones/images/zoom.png"/> 
     154                            <input id="zoomOption" type="checkbox" class="optionCheckBox"> 
     155                                <xsl:choose> 
     156                                    <xsl:when test="/page/pageRequest/paramList/param[@name = 'zoom']/@value = 'on'"> 
     157                                        <xsl:attribute name="onclick"> 
     158                                            <xsl:text>removeZoom();</xsl:text> 
     159                                        </xsl:attribute> 
     160                                        <xsl:attribute name="checked">true</xsl:attribute> 
     161                                        <script type="text/javascript">function init(){readyImagesForZoom();} window.onload = init;</script> 
     162                                    </xsl:when> 
     163                                    <xsl:otherwise> 
     164                                        <xsl:attribute name="onclick"> 
     165                                            <xsl:text>addZoom();</xsl:text> 
     166                                        </xsl:attribute> 
     167                                    </xsl:otherwise> 
     168                                </xsl:choose> 
     169                            </input> 
     170                        </td> 
     171                    </xsl:if> 
     172                    </tr></table> 
    149173                </td></tr> 
    150174                <tr><td> 
     
    212236 
    213237        <div class="clear"><xsl:text> </xsl:text></div> 
     238 
    214239    </xsl:template> 
    215      
    216240</xsl:stylesheet> 
    217241