Changeset 82667 in spip-zone


Ignore:
Timestamp:
May 21, 2014, 9:34:57 PM (7 years ago)
Author:
chankalan@…
Message:

ajout fonction glissement horizontal pour les fx tileSlide et tileBlind

Location:
_plugins_/sjcycle/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • _plugins_/sjcycle/trunk/formulaires/configurer_sjcycle.html

    r82661 r82667  
    7373                                <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
    7474                        </li>
     75
     76                        #SET{name,tilevertical}
     77                        <li class="editer editer_[(#GET{name})]">
     78                                <label>[(#GET{cc}|concat{':label_',#GET{name}}|_T)]</label>
     79                                #SET{val,false}
     80                                <div class="choix">
     81                                        <input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|=={#ENV{#GET{name}}}|oui)checked="checked"] />
     82                                        <label for="#GET{name}_#GET{val}">[(#GET{cc}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
     83                                        <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
     84                                </div>
     85                        </li>
     86                       
     87                        #SET{name,reverse}
     88                        <li class="editer editer_[(#GET{name})]">
     89                                <label>[(#GET{cc}|concat{':label_',#GET{name}}|_T)]</label>
     90                                #SET{val,true}
     91                                <div class="choix">
     92                                        <input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|=={#ENV{#GET{name}}}|oui)checked="checked"] />
     93                                        <label for="#GET{name}_#GET{val}">[(#GET{cc}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
     94                                        <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
     95                                </div>
     96                        </li>
    7597                       
    7698                        #SET{name,pauseonhover}
    … …  
    90112                                <input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name}}" id="#GET{name}" />
    91113                                <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
    92                         </li>
    93                        
    94                         #SET{name,reverse}
    95                         <li class="editer editer_[(#GET{name})]">
    96                                 <label>[(#GET{cc}|concat{':label_',#GET{name}}|_T)]</label>
    97                                 #SET{val,true}
    98                                 <div class="choix">
    99                                         <input type="checkbox" name="#GET{name}" class="checkbox" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|=={#ENV{#GET{name}}}|oui)checked="checked"] />
    100                                         <label for="#GET{name}_#GET{val}">[(#GET{cc}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
    101                                         <p class="explication">[(#GET{cc}|concat{':explication_',#GET{name}}|_T)]</p>
    102                                 </div>
    103114                        </li>
    104115                       
    … …  
    241252        </form>
    242253</div>
     254
     255<script type="text/javascript">
     256$(document).ready(function(){
     257       
     258        // afficher_si = afficher option vertical si fx=tileSlide ou fx=tileBlind
     259        var tilefx = $( "#fx option:selected" ).val();
     260        var tiles = "tileSlide";
     261        var tileb = "tileBlind";
     262        if (tilefx==tiles || tilefx==tileb){
     263                $('.editer_tilevertical').css({display:'none'});
     264        }
     265        $( "#fx" ).change(function () {
     266                var str = "";
     267                $( "#fx option:selected" ).each(function() {
     268                        str += $( this ).val();
     269                });
     270                if(str==tiles || str==tileb){
     271                        $('.editer_tilevertical').show(300);
     272                } else {
     273                        $('.editer_tilevertical').hide(200);
     274                }
     275        }).change();
     276       
     277});
     278</script>

  • _plugins_/sjcycle/trunk/lang/sjcycle_fr.php

    r82661 r82667  
    3232        'explication_palette' => 'Avec le plugin Palette, commencez par taper le "#" avant de choisir la couleur.<br />&lt;sjcycleXX<strong>|backgroundcolor=#C5E41C</strong>&gt;',
    3333        'explication_fx' => 'Consultez les exemples en ligne : <a href="http://jquery.malsup.com/cycle2/" target="_blank">Cycle2 Plugin</a>. <br />&lt;sjcycleXX<strong>|fx=scrollHorz</strong>&gt;',
     34        'explication_tilevertical' => 'Jouer les effets de Glissement par bandes (tileSlide et tileBlind) horizontalement.<br />&lt;sjcycleXX<strong>|tilevertical=false</strong>&gt; ou &lt;sjcycleXX<strong>|tilevertical=true</strong>&gt;',
    3435        'explication_next' => 'Cibler un bloc html par sa classe ou son identifiant. Par défaut "<strong>.cycle-next</strong>" place une flèche à droite au survol de l\'image.<br />&lt;sjcycleXX<strong>|next=.cycle-next</strong>&gt;',
    3536        'explication_prev' => 'Cibler un bloc html par sa classe ou son identifiant. Par défaut "<strong>.cycle-prev</strong>" place une flèche gauche au survol de l\'image.<br />&lt;sjcycleXX<strong>|prev=.cycle-prev</strong>&gt;',
    … …  
    7677        'label_fx_tileBlind' => 'Glissement par bandes en largeur (tileBlind)',
    7778        'label_fx_none' => 'Aucun (none)',
     79        'label_tilevertical' => 'Glissement vertical',
     80        'label_tilevertical_false' => 'non',
    7881        'label_mediabox' => 'Mediabox',
    7982        'label_mediabox_oui' => 'oui',

  • _plugins_/sjcycle/trunk/modeles/sjcycle.html

    r82661 r82667  
    99[(#SET{random,          [(#ENV{random,          #CONFIG{sjcycle/random}})]})]
    1010[(#SET{fx,              [(#ENV{fx,              #CONFIG{sjcycle/fx}})]})]
     11[(#SET{tilevertical,    [(#ENV{tilevertical,    #CONFIG{sjcycle/tilevertical}})]})]
    1112[(#SET{backgroundcolor, [(#ENV{backgroundcolor, #CONFIG{sjcycle/backgroundcolor}})]})]
    1213[(#SET{prev,            [(#ENV{prev,            #CONFIG{sjcycle/prev}})]})]
    … …  
    6667        data-cycle-next="(#GET{next})"][
    6768        data-cycle-fx="(#GET{fx})"][
     69        data-cycle-tile-vertical="(#GET{tilevertical})"][
    6870        data-cycle-pager="(#GET{pager})"][
    6971        data-cycle-caption="(#GET{caption})"][
Note: See TracChangeset for help on using the changeset viewer.