Changeset 28819 in spip-zone


Ignore:
Timestamp:
May 25, 2009, 9:03:44 PM (11 years ago)
Author:
eric@…
Message:

Corrections et mise au point de l'album.
Reste encore les exif à traiter

Location:
_squelettes_/sarkaspip3
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/sarkaspip3/css/elements.css.html

    r28806 r28819  
    266266.carrousel .contenu .vignette a.survol {display:none;position:absolute;background: transparent url(#CHEMIN{images/pointeur_bas.gif}) no-repeat bottom center;}
    267267.carrousel .contenu .vignette a.survol img {margin: 0; border: 4px solid #6262a4;}
    268 .carrousel .navigation {margin: 10px auto 0;}
    269 .carrousel a.defilement {width: 24px; height: 24px; margin: 0 0 0 10px; display: block; float: right;}
    270 .carrousel #droite.defilement {[background: url((#CHEMIN{images/defiler_droite.png})) no-repeat;]}
    271 .carrousel #gauche.defilement {[background: url((#CHEMIN{images/defiler_gauche.png})) no-repeat;]}
     268.carrousel .navigation {margin: 10px 0 20px; text-align: center; font-size: 1.2em; font-weight: bold;}
     269.carrousel .navigation a {background: #CONFIG{sarkaspip_styles/bg_pagination, transparent};
     270        color: #CONFIG{sarkaspip_styles/fg_pagination, #6262a4};}
     271.carrousel .navigation a:hover {background: #CONFIG{sarkaspip_styles/hb_pagination, #f0f0a4};
     272        color: #CONFIG{sarkaspip_styles/ho_pagination, #6262a4};
     273        text-decoration: #CONFIG{sarkaspip_styles/td_pagination, none};}
    272274.zoom {display: block; margin: 0 0 20px; padding: 10px 0;}
    273275.zoom #conteneur_photo {padding:0; margin: 0 0 10px;}
  • _squelettes_/sarkaspip3/lang/sarkaspip_fr.php

    r28801 r28819  
    115115                'bulle_bouton_supprimer' => 'Supprimer les valeurs de configuration dans la base',
    116116                'bulle_bouton_valider' => 'Valider les saisies',
     117                'bulle_bouton_defiler_droite' => 'Faire défiler le carrousel vers la droite',
     118                'bulle_bouton_defiler_gauche' => 'Faire défiler le carrousel vers la gauche',
    117119         
    118120       
     
    135137                'de' => 'de',
    136138                'decembre' => 'Décembre',
     139                'defiler_a_droite' => 'Suivant >>',
     140                'defiler_a_gauche' => ' << Précédent',
    137141                'depuis_debut' => 'depuis le début',
    138142                'derniers_articles_syndiques' => 'Les derniers articles de ce site',
  • _squelettes_/sarkaspip3/noisettes/album/inc_album_carrousel_1.html

    r28793 r28819  
    1010        // Initialise le carrousel
    1111        jQuery(document).ready(function() {
    12                 var nCarrousel = Math.min(#ENV{nb_photos}, #CONFIG{sarkaspip_album/taille_carrousel, 10});
    13                 var bCirculaire = true;
     12                var n = #ENV{nb_photos};
     13                var t = #ENV{taille_carrousel};
    1414                jQuery("#a_defilement.carrousel .contenu").jCarouselLite({
    15                         btnNext: "#a_defilement.carrousel .navigation #droite.defilement",
    16                         btnPrev: "#a_defilement.carrousel .navigation #gauche.defilement",
     15                        btnNext: "#a_defilement.carrousel .navigation #droite",
     16                        btnPrev: "#a_defilement.carrousel .navigation #gauche",
    1717                        mouseWheel: true,
    18                         visible: nCarrousel,
    19                         circular: bCirculaire,
     18                        visible: Math.min(n,t),
     19                        circular: true,
    2020                        start: 0
    21                 });
    22 
    23                 jQuery(".carrousel .contenu li.vignette a").click(function() {
    24                         // On recharge la noisette de l'image agrandie comme une page
    25                         var href = $(this).attr("href") + " #conteneur_photo,#titre_photo,#descriptif_photo,#exif_photo";
    26                         jQuery(".zoom").load(href,[],function(){
    27                                 var lpadding = Math.round((jQuery("#conteneur_photo").outerWidth() - jQuery("#image_agrandie").width()) / 2);
    28                                 // On la centre en changeant le padding left de son conteneur
    29                                 jQuery("#conteneur_photo").css("padding-left", lpadding);
    30                         });
    31                         return false;
    3221                });
    3322        });
     
    5746                [(#REM) <!-- Affichage des boutons de navigation -->]
    5847                <div class="navigation">
    59                         <a class="defilement" id="droite" href="#" title="<:sarkaspip:defiler_carrousel:>"></a>
    60                         <a class="defilement" id="gauche" href="#" title="<:sarkaspip:defiler_carrousel:>"></a>
     48                        <a id="gauche" href="#" title="<:sarkaspip:bulle_bouton_defiler_gauche:>"><:sarkaspip:defiler_a_gauche:></a>
     49                        &nbsp;|&nbsp;
     50                        <a id="droite" href="#" title="<:sarkaspip:bulle_bouton_defiler_droite:>"><:sarkaspip:defiler_a_droite:></a>
    6151                        <br class="nettoyeur" />
    6252                </div>
  • _squelettes_/sarkaspip3/noisettes/album/inc_album_carrousel_2.html

    r28793 r28819  
    1010        // Initialise le carrousel
    1111        jQuery(document).ready(function() {
    12                 jQuery(".carrousel .contenu li.vignette a").click(function() {
    13                         // On recharge la noisette de l'image agrandie comme une page
    14                         var href = $(this).attr("href") + " #conteneur_photo,#titre_photo,#descriptif_photo,#exif_photo";
    15                         jQuery(".zoom").load(href,[],function(){
    16                                 var lpadding = Math.round((jQuery("#conteneur_photo").outerWidth() - jQuery("#image_agrandie").width()) / 2);
    17                                 // On la centre en changeant le padding left de son conteneur
    18                                 jQuery("#conteneur_photo").css("padding-left", lpadding);
    19                         });
    20                         return false;
    21                 });
    2212                jQuery(".carrousel .contenu li.vignette a").hover(
    2313                        function() {
     
    4232                <div class="contenu">
    4333                        <ul>
    44 <BOUCLE_carrousel(DOCUMENTS){id_article}{mode=document}{extension IN png,jpg,gif}{par num titre, titre}{pagination 0}>
     34<BOUCLE_carrousel(DOCUMENTS){id_article}{mode=document}{extension IN png,jpg,gif}{par num titre, titre}{pagination #CONFIG{sarkaspip_album/pas_pagination_carrousel, 20}}>
    4535                                #SET{ratio_x,#LARGEUR|div{#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_2}}}
    4636                                #SET{ratio_y,#HAUTEUR|div{#EVAL{_SARKASPIP_CONFIG_TAILLE_MAX_VIGNETTE_2}}}
  • _squelettes_/sarkaspip3/noisettes/album/inc_album_presentation_photos.html

    r28771 r28819  
    55-->
    66]
     7<script type='text/javascript'>
     8//<![CDATA[
     9        // Initialise le carrousel
     10        jQuery(document).ready(function() {
     11                jQuery(".carrousel .contenu li.vignette a").click(function() {
     12                        // On recharge la noisette de l'image agrandie comme une page
     13                        var href = $(this).attr("href") + " #conteneur_photo,#titre_photo,#descriptif_photo,#exif_photo";
     14                        jQuery(".zoom").load(href,[],function(){
     15                                var lpadding = Math.round((jQuery("#conteneur_photo").outerWidth() - jQuery("#image_agrandie").width()) / 2);
     16                                // On la centre en changeant le padding left de son conteneur
     17                                jQuery("#conteneur_photo").css("padding-left", lpadding);
     18                        });
     19                        return false;
     20                });
     21        });
     22//]]>
     23</script>
     24
    725<div class="album">
    826<BOUCLE_nb_photos(DOCUMENTS){id_article}{mode=document}{extension IN png,jpg,gif}>
     
    3654                        {id_article}
    3755                        {nb_photos=#GET{nb_photos}}
     56                        {taille_carrousel=#CONFIG{sarkaspip_album/taille_carrousel, 10}}
    3857                        {effet_galerie=#GET{plugin}}
    3958                        {avec_exif=#CONFIG{sarkaspip_album/afficher_exif, non}}>
  • _squelettes_/sarkaspip3/sarkaspip_pipelines.php

    r28788 r28819  
    1818
    1919        // Insertion de la librairie jCarouselLite et des librairies connexes
    20         $flux .='<script src="'.url_absolue(find_in_path('scripts/jcarousellite_1.0.1.js')).'" type="text/javascript"></script>';
    21         $flux .='<script src="'.url_absolue(find_in_path('scripts/jquery.mousewheel.js')).'" type="text/javascript"></script>';
    22 
    23         // Insertion de la librairie Galleria et de ces css
    24 //      $flux .='<script src="'.url_absolue(find_in_path('scripts/jquery.galleria.js')).'" type="text/javascript"></script>';
    25 //      $flux .='<link rel="stylesheet" href="'.url_absolue(find_in_path('css/galleria.css')).'" type="text/css" />';
     20        $position = lire_config('sarkaspip_album/position_carrousel', 1);
     21        $modele = lire_config('sarkaspip_album/modele_carrousel', 1);
     22        if (($position != 0) && ($modele == 1)) {
     23                $flux .='<script src="'.url_absolue(find_in_path('scripts/jcarousellite_1.0.1.js')).'" type="text/javascript"></script>';
     24                $flux .='<script src="'.url_absolue(find_in_path('scripts/jquery.mousewheel.js')).'" type="text/javascript"></script>';
     25        }
    2626
    2727        // Insertion de la librairie Innerfade pour la noisette des sites favoris
Note: See TracChangeset for help on using the changeset viewer.