source: spip-zone/_plugins_/_dev_/innerfade/modeles/article_innerfade.html @ 14324

Last change on this file since 14324 was 14324, checked in by kent1@…, 13 years ago

premiere version du plugin d'alexandra sur innerfade ... je pense qu'elle ne m'en voudra pas de le mettre sur la zone ... elle ralera a son retour sinon...

  • Property svn:executable set to *
File size: 1.8 KB
Line 
1[(#REM)
2        Documents en innerfade diaporama
3        Modele SPIP fait par Alexandra Guiderdoni d'apres InnerFade with JQuery http://medienfreunde.com/lab/innerfade/
4        http://medienfreunde.com/stats/getfile.php?id=3 pour recuper le zip le jquery.innerfade.zip
5        <template><article1|innerfade></template>]
6       
7[(#REM)
8        Modele <article1|innerfade> : diaporama avec les images en portfolio
9        #MODELE{article_innerfade}]
10       
11<script language="javascript" type="text/javascript" src="#CHEMIN{js/jquery.innerfade.js}"></script>
12<!-- Penser a mettre dans le repertoire squelettes un dossier js avec le script jquery.innerfade.js pour que le modele fonctionne -->
13
14
15
16<!-- pas besoin de jquery puisque c'est natif dans spip desormais <script language="javascript" type="text/javascript" src="#CHEMIN{js/jquery.js}"></script> -->
17
18<script type="text/javascript">
19 $(document).ready(
20                                function(){
21                                        $('#news').innerfade({
22                                                animationtype: 'slide',
23                                                speed: 750,
24                                                timeout: 2000,
25                                                type: 'random',
26                                                containerheight: '1em'
27                                        });
28                                       
29                                        $('ul#portfolio').innerfade({
30                                                speed: 'slow',
31                                                timeout: 4000,
32                                                type: 'sequence',
33                                                containerheight: '500px'
34                                                });
35                                       
36                                        $('.fade').innerfade({
37                                                speed: 'slow',
38                                                timeout: 1000,
39                                                type: 'sequence',
40                                                containerheight: '1.5em'
41                                        });
42
43                        });
44                       
45</script>
46<ul id="portfolio" style="list-style-type: none ;">
47<BOUCLE_PORFOLIO2(DOCUMENTS){id_article}{mode=document}{extension==jpg|gif|png} {par num titre, date}>
48<li>
49<div class="diapo">
50<img src="[(#URL_DOCUMENT||image_reduire{350,400}|extraire_attribut{src})]" alt=" #TITRE" /> 
51<div class="diapo">
52[<h3>(#TITRE|supprimer_numero)</h3>]
53[(#DESCRIPTIF|paragrapher)]
54</div>
55</div>
56 </li>
57</BOUCLE_PORFOLIO2>     
58</ul>
59
60                               
Note: See TracBrowser for help on using the repository browser.