Hi Kevin,

We've implemented this in the Brasiliana Digital Library (e.g., in
http://www.brasiliana.usp.br/bbd/handle/1918/624510001). The only issue is
that the bitstream image is not resized to the user's screen size on the
server side, and so there is a waste in bandwidth since the user has to
download the original image which then is shown in a smaller size on the
screen.

Basically, you need include the lightbox JS (we've used jquery.lightbox.js)
in the HTML's header and then use "rel='lightbox-tour'" in the images'
links.

For example, this goes in the header:

                    <xsl:variable name="lib-path">
                        <xsl:value-of
select="/dri:document/dri:meta/dri:pageMeta/dri:metada...@element='contextPath'][not(@qualifier)]"/>
                        <xsl:text>/themes/</xsl:text>
                        <xsl:value-of
select="/dri:document/dri:meta/dri:pageMeta/dri:metada...@element='theme']...@qualifier='path']"/>
                        <xsl:text>/lib/</xsl:text>
                    </xsl:variable>

                    <script type="text/javascript">
                        <xsl:attribute name="src">
                            <xsl:value-of select="$lib-path"/>
                            <xsl:text>js/jquery.lightbox.js</xsl:text>
                        </xsl:attribute>
                        &#160;
                    </script>

                    <script type="text/javascript">
                        $(function(){
                            $.Lightbox.construct({
                                //show_linkback:  false,
                                show_helper_text: false,
                                show_info: true,
                                show_extended_info: true,
                                opacity: 0.6,
                                text: {
                                    // For translating
                                    image:          'Imagem',
                                    of:             'de',
                                    close:          'Fechar X',
                                    closeInfo:      'Também pode-se clicar
fora da imagem para fechar.',
                                    download:       'Baixar',
                                    help: {
                                        close:  'Clique para fechar',

                                        interact:       'Passe por cima da
imagem para interagir'
                                    },
                                    about: {
                                        text:   '',
                                        title:  '',
                                        link:   ''
                                    }
                                }
                            });
                        });
                    </script>

And this goes in the list of an item's bitstreams:

                    <td>
                        <a class="plain-image-link">
                            <xsl:attribute name="href">
                                ...
                            </xsl:attribute>
                            <xsl:attribute name="rel">
                                 <xsl:text>lightbox-tour</xsl:text>
                            </xsl:attribute>

 <i18n:text>xmlui.dri2xhtml.METS-1.0.item-files-view</i18n:text>
                        </a>
                    </td>

Hope this helps.

Fabio


On Mon, Jul 12, 2010 at 09:04, Evans, Kevin <[email protected]>wrote:

>  Hi,
>
>
>
> This may seem more than obvious but I’m looking into using JQuery/Lightbox
>  and/or Zoomify in our Dspace repository. {XMLUI}
>
>
>
> Can anyone give me some hints/tricks/advice on using with Dspace?
>
>
>
> Cheers
>
>
>
> Kevin
>
>
>
> Kevin Evans MA
>
> Web Services Developer,
>
> Integration and Webservices,
>
> Room 901,
>
> 9th Floor, Laver Building
>
> University of Exeter,
>
> Exeter,
>
> Devon,
>
> EX4 4QE
>
> 01392 725573
>
> +447775027574
>
> http://my.exeter.ac.uk
>
>
>
> This email and any attachment may contain information that is confidential,
> privileged, or subject to copyright, and which may be exempt from disclosure
> under applicable legislation. It is intended for the addressee only. If you
> received this message in error, please let me know and delete the email and
> any attachments immediately. The University will not accept responsibility
> for the accuracy/completeness of this e-mail and its attachments. The
> University cannot guarantee that this message and any attachments are virus
> free. Any views or opinions expressed in this message are my own and do not
> necessarily represent those of the University.
>
>
> ------------------------------------------------------------------------------
> This SF.net email is sponsored by Sprint
> What will you do first with EVO, the first 4G phone?
> Visit sprint.com/first -- http://p.sf.net/sfu/sprint-com-first
> _______________________________________________
> DSpace-tech mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/dspace-tech
>
>
------------------------------------------------------------------------------
This SF.net email is sponsored by Sprint
What will you do first with EVO, the first 4G phone?
Visit sprint.com/first -- http://p.sf.net/sfu/sprint-com-first
_______________________________________________
DSpace-tech mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/dspace-tech

Reply via email to