Re: [Dspace-tech] Theme - Insert javascript

[Jason Stirnaman]

Fabricio,
We're using JQuery Cycle http://malsup.com/jquery/cycle/ since XMLUI comes with 
JQuery. It's extremely flexible and easy to configure with paging, different 
effects, etc. View our HTML source for an example: http://archie.kumc.edu/  The 
XSL is pretty much identical, quick and dirty, just wrapped in a "cycleBanner" 
template. The match expression ensures that it only displays on the homepage:

- <xsl:template name="cycleBanner" 
match="/dri:document/dri:meta/dri:pageMeta/dri:metada...@element='request']...@qualifier='URI'][not(string(.))]">
- <div id="kumc-cycle-banner-wrapper">
- <div id="kumc-cycle-banner-nav">
  <xsl:text /> 
  </div>
- <div id="kumc-cycle-banner">
- <div id="kumc-cycle-banner-pics" class="pics">
- <div class="kumc-cycle-banner-item pics">
- <a href="http://archie.kumc.edu/handle/2271/220/";>
- <div class="pics-head">
  <xsl:text /> 
  </div>
  <h2>Kansas Journal of Medicine</h2> 
  <img src="http://library.kumc.edu/images/ecg.jpg"; width="610" height="150" /> 
- <div class="pics-head">
  <xsl:text /> 
  </div>
  </a>
  </div>
- <div class="kumc-cycle-banner-item pics">
- <a href="http://archie.kumc.edu/handle/2271/236";>
- <div class="pics-head">
  <xsl:text /> 
  </div>
  <h2>Sigma Theta Tau Journal of Undergraduate Nursing Writing</h2> 
  <img src="http://library.kumc.edu/images/stti_nursing_logo.jpg"; width="610" 
height="150" /> 
- <div class="pics-head">
  <xsl:text /> 
  </div>
  </a>
  </div>
- <div class="kumc-cycle-banner-item pics">
- <a href="http://archie.kumc.edu/handle/2271/187";>
- <div class="pics-head">
  <xsl:text /> 
  </div>
  <h2>Video and Presentations from the Open Access Symposium</h2> 
  <img src="http://library.kumc.edu/images/massmatterlogo_150.gif"; width="610" 
height="150" /> 
- <div class="pics-head">
  <xsl:text /> 
  </div>
  </a>
  </div>
- <div class="kumc-cycle-banner-item pics">
- <div class="pics-head">
  <xsl:text /> 
  </div>
  <h2>Archie - Digital collecti...@kumc</h2> 
  <img src="http://library.kumc.edu/images/archielogo_150.gif"; width="610" 
height="150" /> 
- <div class="pics-head">
  <xsl:text /> 
  </div>
  </div>
  </div>
  <script type="text/javascript">$('#kumc-cycle-banner-pics') .cycle({ fx: 
'fade', speed: 4000, pause: 1, pager: '#kumc-cycle-banner-nav' });</script> 
  </div>
  </div>

The plugin referenced in the theme's sitemap:
<map:parameter name="javascript#5" value="lib/jquery.cycle.all.min.js"/>

Cheers,
Jason
-- 



>>> On 8/24/2009 at 8:08 AM, in message
<402476.9197...@web111410.mail.gq1.yahoo.com>, Fabricio Costa
<brizzi...@yahoo.com.br> wrote:
> Hi, 
> 
> We want to insert an image crossfader javascript in our xmlui theme 
> (homepage).
> 
> Does anybody know how to do it?
> 
> The javascript code: http://slayeroffice.com/code/imageCrossFade/xfade2.html 
> 
> Our theme code: 
> http://aplicacao.tst.jus.br/dspace/themes/Tst_legis/Tst_legis.xsl 
> 
> 
> All ideas are welcome.
> Fabricio
> 
> 
>       
> _____________________________________________________________________________
> _______
> Veja quais são os assuntos do momento no Yahoo! +Buscados
> http://br.maisbuscados.yahoo.com 
> 
> ------------------------------------------------------------------------------
> Let Crystal Reports handle the reporting - Free Crystal Reports 2008 30-Day 
> trial. Simplify your report design, integration and deployment - and focus on 
> 
> what you do best, core application coding. Discover what's new with 
> Crystal Reports now.  http://p.sf.net/sfu/bobj-july 
> _______________________________________________
> DSpace-tech mailing list
> DSpace-tech@lists.sourceforge.net 
> https://lists.sourceforge.net/lists/listinfo/dspace-tech

------------------------------------------------------------------------------
Let Crystal Reports handle the reporting - Free Crystal Reports 2008 30-Day 
trial. Simplify your report design, integration and deployment - and focus on 
what you do best, core application coding. Discover what's new with 
Crystal Reports now.  http://p.sf.net/sfu/bobj-july
_______________________________________________
DSpace-tech mailing list
DSpace-tech@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/dspace-tech