source: spip-zone/_squelettes_/sarkaspip3/noisettes/album/inc_album_carrousel_1.html @ 28752

Last change on this file since 28752 was 28752, checked in by eric@…, 11 years ago

Un premier commit très intermédiaire pour les albums. A ne pas utiliser !!!

  • Property svn:eol-style set to native
File size: 2.6 KB
Line 
1[(#REM)
2<!-- Presentation du carrousel des photos de l'album en mode slider
3        Recoit en argument :
4                - id_article: id de l'album concerne
5-->
6]
7<script type='text/javascript'>
8//<![CDATA[
9        // Initialise le carrousel
10        jQuery(document).ready(function() {
11                jQuery("#a_defilement.carrousel .contenu").jCarouselLite({
12                        btnNext: "#a_defilement.carrousel .navigation #droite.defilement",
13                        btnPrev: "#a_defilement.carrousel .navigation #gauche.defilement",
14                        mouseWheel: true,
15                        visible: 10,
16                        circular: true,
17                        start: 0
18                });
19
20                jQuery(".carrousel .contenu li.vignette a").click(function() {
21                        // On fais disparaitre l'image en cours
22                        jQuery("#image_agrandie").fadeOut("slow");
23                        // On recharge la noisette de l'image agrandie comme une page
24                        var href = $(this).attr("href");
25                        jQuery(".zoom").load(href,[],function(){
26                                var lpadding = Math.round((jQuery("#conteneur_photo").outerWidth() - jQuery("#image_agrandie").width()) / 2);
27                                // On la centre en changeant le padding left de son conteneur
28                                jQuery("#conteneur_photo").css("padding-left", lpadding);
29                                jQuery("#image_agrandie").fadeIn("slow");
30                        });
31                        return false;
32                });
33        });
34//]]>
35</script>
36
37<B_carrousel>
38        <div id="a_defilement" class="carrousel">
39                [(#REM) <!-- Affichage des vignettes -->]
40                <div class="contenu">
41                        <ul>
42<BOUCLE_carrousel(DOCUMENTS){id_article}{mode=document}{extension IN png,jpg,gif}{par num titre, titre}>
43                                #SET{ratio_x,#LARGEUR|div{#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_1}}}
44                                #SET{ratio_y,#HAUTEUR|div{#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_1}}}
45                                #SET{ratio,#GET{ratio_x}|<={#GET{ratio_y}}|?{#GET{ratio_x},#GET{ratio_y}}}
46                                [(#SET{titre, [(#TITRE|texte_backend|supprimer_numero|couper{#EVAL{_SARKASPIP_CONFIG_TAILLE_TITRE_IMAGE}}|sinon{[(#TYPE_DOCUMENT) - ][(#TAILLE|taille_en_octets)]})]})]
47
48                                [<li class="vignette"><a[ href="(#URL_PAGE{inc_album_zoom_1}|parametre_url{id_document,#ID_DOCUMENT}|parametre_url{effet_galerie,#ENV{effet_galerie}}|parametre_url{avec_exif,#ENV{avec_exif}})"][ title="(#GET{titre})"]>
49                                        (#FICHIER|image_reduire_par{#GET{ratio}}|image_recadre{#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_1},#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_1},center}|inserer_attribut{alt, #GET{titre}})
50                                </a></li>]
51</BOUCLE_carrousel>
52                        </ul>
53                </div> <!-- fin contenu -->
54
55                [(#REM) <!-- Affichage des boutons de navigation -->]
56                <div class="navigation">
57                        <a class="defilement" id="droite" href="#" title="<:sarkaspip:defiler_carrousel:>"></a>
58                        <a class="defilement" id="gauche" href="#" title="<:sarkaspip:defiler_carrousel:>"></a>
59                        <br class="nettoyeur" />
60                </div>
61        </div> <!-- fin carrousel -->
62</B_carrousel>
Note: See TracBrowser for help on using the repository browser.