Ignore:
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
Files:
4 edited

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
Note: See TracChangeset for help on using the changeset viewer.