Changeset 48119 in spip-zone


Ignore:
Timestamp:
May 26, 2011, 1:47:14 AM (10 years ago)
Author:
ngombe@…
Message:

V 0.1.1 :
nivoSlider 2.4 -> 2.5.2, thumbnails, pipeline header_prive, paramètres background et crop, détection FancyBox?, liens http, doc24 et article42 sur les slides

Location:
_plugins_/nivoslider
Files:
11 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/nivoslider/css_nivoslider.html

    r45421 r48119  
    33#HTTP_HEADER{Vary: Accept-Encoding}
    44/*
    5  * jQuery Nivo Slider v2.3
     5 * jQuery Nivo Slider v2.5.2
    66 * http://nivo.dev7studios.com
    77 *
    8  * Copyright 2010, Gilbert Pellegrom
     8 * Copyright 2011, Gilbert Pellegrom
    99 * Free to use and abuse under the MIT license.
    1010 * http://www.opensource.org/licenses/mit-license.php
     
    1212 * March 2010
    1313 */
    14  
    15  
     14
    1615#slider {
    1716        position:relative;
     
    5857}
    5958
     59.nivo-box {
     60        display:block;
     61        position:absolute;
     62        z-index:50;
     63}
     64
    6065/* Caption styles */
    6166
     
    6469        left:0px;
    6570        bottom:0px;
    66         background:#000;
    67         color:#fff;
     71        background:#CONFIG{nivoslider/captionBackcolor,'#000'};
     72        color:#CONFIG{nivoslider/captionFrontcolor,'#FFF'};
    6873        opacity:0.8; /* Overridden by captionOpacity setting */
    6974        width:100%;
    70         z-index:89;
     75        z-index:80;
    7176}
    7277
     
    8994        position:absolute;
    9095        top:45%;
    91         z-index:99;
     96        z-index:90;
    9297        cursor:pointer;
    9398}
     
    101106}
    102107
     108[(#CONFIG{nivoslider/controlNavThumbs}|=={'false'}|?{' ',''})
     109
     110/* Control nav styles (e.g. 1,2,3...) */
    103111.nivo-controlNav a {
    104112        position:relative;
     
    107115        width:22px;
    108116        height:22px;
    109         background:url(#CHEMIN{css/bullets.png}) no-repeat;
     117        background:url( #CHEMIN{css/bullets.png} ) no-repeat;
    110118        text-indent:-9999px;
    111119        border:0;
     
    118126        background-position:0 -22px;
    119127}
     128]
    120129
    121130.nivo-directionNav a {
     
    141150    font-family: Helvetica, Arial, sans-serif;
    142151}
     152
     153[(#CONFIG{nivoslider/controlNavThumbs}|=={'true'}|?{' ',''})
     154
     155#slider {
     156        margin-bottom:#CONFIG{nivoslider/bottomMargin,0}px;
     157}
     158#slider .nivo-controlNav {
     159        position:absolute;
     160        width:100%;
     161        text-align:center;
     162        top:#EVAL{#CONFIG{nivoslider/height,240}+10}px;
     163}
     164#slider .nivo-controlNav a {
     165        display:inline;
     166}
     167#slider .nivo-controlNav img {
     168        display:inline;
     169        position:relative;
     170        margin-right:10px;
     171        -moz-box-shadow:0px 0px 5px #333;
     172        -webkit-box-shadow:0px 0px 5px #333;
     173        box-shadow:0px 0px 5px #333;
     174}
     175#slider .nivo-controlNav a.active img {
     176    border:1px solid #666;
     177}
     178
     179]
  • _plugins_/nivoslider/formulaires/config_nivoslider.html

    r45415 r48119  
    1212       
    1313                <form name="formulaire_config_nivoslider" method="post"  action="#SELF"><div>#ACTION_FORMULAIRE{#SELF}
    14                 #FORMULAIRE_CONFIG_NIVOSLIDER_ARTICLE
     14                <fieldset><legend><:nivoslider:general:> &nbsp;</legend>
    1515                <p>
    1616                <label for="_ir_width"><:nivoslider:width:> :</label>
    17                 <input type="text" name="width" class="type_txt" id="_ir_width" size="5"
     17                <input type="text" name="width" class="type_txt" id="_ir_width" size="3"
    1818                        value="#ENV{width,500}" /> px
    1919                </p>
    2020                <p>
    2121                <label for="_ir_height"><:nivoslider:height:> :</label>
    22                 <input type="text" name="height" class="type_txt" id="_ir_height" size="5"
    23                         value="#ENV{height,300}" /> px
     22                <input type="text" name="height" class="type_txt" id="_ir_height" size="3"
     23                        value="#ENV{height,240}" /> px
    2424                </p>
    2525                <p>
     
    3737                                <option value="slideInRight" [(#CONFIG{nivoslider/effect}|=={#VAL{'slideInRight'}}|?{selected="selected",''})]>slideInRight</option>
    3838                                <option value="slideInLeft" [(#CONFIG{nivoslider/effect}|=={#VAL{'slideInLeft'}}|?{selected="selected",''})]>slideInLeft</option>
     39                                <option value="boxRandom" [(#CONFIG{nivoslider/effect}|=={#VAL{'boxRandom'}}|?{selected="selected",''})]>boxRandom</option>
     40                                <option value="boxRain" [(#CONFIG{nivoslider/effect}|=={#VAL{'boxRain'}}|?{selected="selected",''})]>boxRain</option>
     41                                <option value="boxRainReverse" [(#CONFIG{nivoslider/effect}|=={#VAL{'boxRainReverse'}}|?{selected="selected",''})]>boxRainReverse</option>
     42                                <option value="boxRainGrow" [(#CONFIG{nivoslider/effect}|=={#VAL{'boxRainGrow'}}|?{selected="selected",''})]>boxRainGrow</option>
     43                                <option value="boxRainGrowReverse" [(#CONFIG{nivoslider/effect}|=={#VAL{'boxRainGrowReverse'}}|?{selected="selected",''})]>boxRainGrowReverse</option>
    3944                        </select>
    4045                </p>
    4146                <p>
    4247                <label for="_ir_slices" title="slices"><:nivoslider:slices:> :</label>
    43                 <input type="text" name="slices" class="type_txt" id="_ir_slices" size="5"
     48                <input type="text" name="slices" class="type_txt" id="_ir_slices" size="3"
    4449                        value="#ENV{slices,15}" />
    4550                </p>
    4651                <p>
    4752                <label for="_ir_animSpeed" title="animSpeed"><:nivoslider:animspeed:> :</label>
    48                 <input type="text" name="animSpeed" class="type_txt" id="_ir_animSpeed" size="5"
     53                <input type="text" name="animSpeed" class="type_txt" id="_ir_animSpeed" size="3"
    4954                        value="#ENV{animSpeed,500}" /> ms
    5055                </p>
    5156                <p>
    5257                <label for="_ir_pauseTime" title="pauseTime"><:nivoslider:pausetime:> :</label>
    53                 <input type="text" name="pauseTime" class="type_txt" id="_ir_pauseTime" size="5"
     58                <input type="text" name="pauseTime" class="type_txt" id="_ir_pauseTime" size="3"
    5459                        value="#ENV{pauseTime,3000}" /> ms
    5560                </p>
     61                <p>
     62                <label for="_ir_imageAlign" title='imageAlign'><:nivoslider:image_align:> :</label>
     63                <select name="imageAlign" id="_ir_imageAlign" style="width:142px">
     64                        <option value="left top" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'left top'}}|?{selected="selected",''})]>left top</option>
     65                        <option value="left center" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'left center'}}|?{selected="selected",''})]>left center</option>
     66                        <option value="left bottom" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'left bottom'}}|?{selected="selected",''})]>left bottom</option>
     67                        <option value="center top" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'center top'}}|?{selected="selected",''})]>center top</option>
     68                        <option value="center center" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'center center'}}|?{selected="selected",''})]>center center</option>
     69                        <option value="center bottom" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'center bottom'}}|?{selected="selected",''})]>center bottom</option>
     70                        <option value="right top" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'right top'}}|?{selected="selected",''})]>right top</option>
     71                        <option value="right center" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'right center'}}|?{selected="selected",''})]>right center</option>
     72                        <option value="right bottom" [(#CONFIG{nivoslider/imageAlign}|=={#VAL{'right bottom'}}|?{selected="selected",''})]>right bottom</option>
     73                </select>
     74                </p>
     75                <p>
     76                <label for="_ir_imageBackcolor"><:nivoslider:image_backcolor:> :</label>
     77                <input type="text" name="imageBackcolor" class="palette" id="_ir_imageBackcolor" size="7" value="#ENV{imageBackcolor,'transparent'}" />
     78                </p>
     79                </fieldset>
     80
     81                <fieldset><legend><:nivoslider:controls:> &nbsp;</legend>
    5682                <p>
    5783                        <label for="_ir_directionNav" title="directionNav"><:nivoslider:directionnav:> :</label>
     
    6187                        </select>
    6288                </p>
    63                 <p>
     89                <p id="_ir_directionNavHide_container">
    6490                        <label for="_ir_directionNavHide" title="directionNavHide"><:nivoslider:directionnavhide:> :</label>
    6591                        <select name="directionNavHide" id="_ir_directionNavHide" style="width:70px">
     
    6995                </p>
    7096                <p>
     97                        <label for="_ir_keyboardNav" title="keyboardNav"><:nivoslider:keyboardnav:> :</label>
     98                        <select name="keyboardNav" id="_ir_keyboardNav" style="width:70px">
     99                                <option value="false" [(#CONFIG{nivoslider/keyboardNav}|=={#VAL{'false'}}|?{selected="selected",''})]><:nivoslider:non:></option>
     100                                <option value="true" [(#CONFIG{nivoslider/keyboardNav}|=={#VAL{'true'}}|?{selected="selected",''})]><:nivoslider:oui:></option>
     101                        </select>
     102                </p>
     103                <p>
     104                        <label for="_ir_pauseOnHover" title="pauseOnHover"><:nivoslider:pauseonhover:> :</label>
     105                        <select name="pauseOnHover" id="_ir_pauseOnHover" style="width:70px">
     106                                <option value="true" [(#CONFIG{nivoslider/pauseOnHover}|=={#VAL{'true'}}|?{selected="selected",''})]><:nivoslider:oui:></option>
     107                                <option value="false" [(#CONFIG{nivoslider/pauseOnHover}|=={#VAL{'false'}}|?{selected="selected",''})]><:nivoslider:non:></option>
     108                        </select>
     109                </p>
     110                <p>
     111                        <label for="_ir_controlNavThumbs" title="controlNavThumbs"><:nivoslider:usethumbs:> :</label>
     112                        <select name="controlNavThumbs" id="_ir_controlNavThumbs" style="width:70px">
     113                                <option value="false" [(#CONFIG{nivoslider/controlNavThumbs}|=={#VAL{'false'}}|?{selected="selected",''})]><:nivoslider:non:></option>
     114                                <option value="true" [(#CONFIG{nivoslider/controlNavThumbs}|=={#VAL{'true'}}|?{selected="selected",''})]><:nivoslider:oui:></option>
     115                        </select>
     116                </p>
     117                <p id="_ir_controlNav_container">
    71118                        <label for="_ir_controlNav" title="controlNav"><:nivoslider:controlnav:> :</label>
    72119                        <select name="controlNav" id="_ir_controlNav" style="width:70px">
     
    75122                        </select>
    76123                </p>
    77                 <p>
    78                         <label for="_ir_keyboardNav" title="keyboardNav"><:nivoslider:keyboardnav:> :</label>
    79                         <select name="keyboardNav" id="_ir_keyboardNav" style="width:70px">
    80                                 <option value="true" [(#CONFIG{nivoslider/keyboardNav}|=={#VAL{'true'}}|?{selected="selected",''})]><:nivoslider:oui:></option>
    81                                 <option value="false" [(#CONFIG{nivoslider/keyboardNav}|=={#VAL{'false'}}|?{selected="selected",''})]><:nivoslider:non:></option>
    82                         </select>
    83                 </p>
    84                 <p>
    85                         <label for="_ir_pauseOnHover" title="pauseOnHover"><:nivoslider:pauseonhover:> :</label>
    86                         <select name="pauseOnHover" id="_ir_pauseOnHover" style="width:70px">
    87                                 <option value="true" [(#CONFIG{nivoslider/pauseOnHover}|=={#VAL{'true'}}|?{selected="selected",''})]><:nivoslider:oui:></option>
    88                                 <option value="false" [(#CONFIG{nivoslider/pauseOnHover}|=={#VAL{'false'}}|?{selected="selected",''})]><:nivoslider:non:></option>
    89                         </select>
     124                <p id="_ir_controlNavThumbsWidth_container">
     125                <label for="_ir_controlNavThumbsWidth"><:nivoslider:width:> :</label>
     126                <input type="text" name="controlNavThumbsWidth" class="type_txt" id="_ir_controlNavThumbsWidth" size="3"
     127                        value="#ENV{controlNavThumbsWidth,50}" /> px
     128                </p>
     129                <p id="_ir_controlNavThumbsHeight_container">
     130                <label for="_ir_controlNavThumbsHeight"><:nivoslider:height:> :</label>
     131                <input type="text" name="controlNavThumbsHeight" class="type_txt" id="_ir_controlNavThumbsHeight" size="3"
     132                        value="#ENV{controlNavThumbsHeight,50}" /> px
     133                </p>
     134                <p>
     135                <label for="_ir_bottomMargin" title="bottomMargin"><:nivoslider:bottommargin:> :</label>
     136                <input type="text" name="bottomMargin" class="type_txt" id="_ir_bottomMargin" size="3"
     137                        value="#ENV{bottomMargin,0}" /> px
     138                </p>
     139                </fieldset>
     140
     141                <fieldset><legend><:nivoslider:legend:> &nbsp;</legend>
     142                <p>
     143                <label for="_ir_captionBackcolor"><:nivoslider:caption_backcolor:> :</label>
     144                <input type="text" name="captionBackcolor" class="palette" id="_ir_captionBackcolor" size="7" value="#ENV{captionBackcolor,'#000000'}" />
     145                </p>
     146                <p>
     147                <label for="_ir_captionFrontcolor"><:nivoslider:caption_frontcolor:> :</label>
     148                <input type="text" name="captionFrontcolor" class="palette" id="_ir_captionFrontcolor" size="7" value="#ENV{captionFrontcolor,'#FFFFFF'}" />
    90149                </p>
    91150                <p>
    92151                <label for="_ir_captionOpacity"><:nivoslider:caption_opacity:></label>
    93                 <input type="text" name="captionOpacity" class="type_txt" id="_ir_captionOpacity" size="5"
     152                <input type="text" name="captionOpacity" class="type_txt" id="_ir_captionOpacity" size="3"
    94153                        value="#ENV{captionOpacity,0.8}" />
    95154                </p>
    96 
     155                </fieldset>
     156                #FORMULAIRE_CONFIG_NIVOSLIDER_ARTICLE
    97157                </div>
    98158
     
    105165
    106166</div>
     167
     168<script type="text/javascript">
     169$(document).ready(function() {
     170
     171        CheckThumb($("SELECT#\_ir\_controlNavThumbs option:selected").val());
     172        CheckNav($("SELECT#\_ir\_directionNav option:selected").val());
     173
     174        $('SELECT#\_ir\_controlNavThumbs').change(function() { CheckThumb($("SELECT#\_ir\_controlNavThumbs option:selected").val()); });
     175        $('SELECT#\_ir\_directionNav').change(function() { CheckNav($("SELECT#\_ir\_directionNav option:selected").val()); });
     176
     177        function CheckThumb(t){
     178                if(t=='true'){
     179                        $("SELECT#\_ir\_controlNav").val('false');
     180                        $("P#\_ir\_controlNav\_container").hide('slow');
     181                        $("P#\_ir\_controlNavThumbsWidth\_container").show('slow');
     182                        $("P#\_ir\_controlNavThumbsHeight\_container").show('slow');
     183                }else{
     184                        $("P#\_ir\_controlNav\_container").show('slow');
     185                        $("P#\_ir\_controlNavThumbsWidth\_container").hide('slow');
     186                        $("P#\_ir\_controlNavThumbsHeight\_container").hide('slow');
     187                }
     188                return false;
     189        }
     190
     191        function CheckNav(t){
     192                if(t=='false')
     193                        $("P#\_ir\_directionNavHide\_container").hide('slow');
     194                else
     195                        $("P#\_ir\_directionNavHide\_container").show('slow');
     196                return false;
     197        }
     198
     199});
     200</script>
  • _plugins_/nivoslider/formulaires/config_nivoslider_article.html

    r45451 r48119  
    11[(#REM) Cette partie nécessite une version récente de CFG]
     2                <fieldset><legend><:nivoslider:default:> &nbsp;</legend>
    23                <p>
    3                 <label for="_ir_id_defaut"><:nivoslider:default:> :</label>
     4                <label for="_ir_id_defaut"><:nivoslider:default_info:></label>
    45                <select name="id_defaut"  id="_ir_id_defaut" style="width:324px">
    56                <BOUCLE_secteurs(RUBRIQUES){racine}{par num titre, titre}>
     
    2021                </select>
    2122                </p>
     23                </fieldset>
  • _plugins_/nivoslider/js/jquery.nivo.slider.js

    r45056 r48119  
    11/*
    2  * jQuery Nivo Slider v2.4
     2 * jQuery Nivo Slider v2.5.2
    33 * http://nivo.dev7studios.com
    44 *
     
    77 * http://www.opensource.org/licenses/mit-license.php
    88 *
    9  * May 2010 - Pick random effect from specified set of effects by toronegro
    10  * May 2010 - controlNavThumbsFromRel option added by nerd-sh
    11  * May 2010 - Do not start nivoRun timer if there is only 1 slide by msielski
    12  * April 2010 - controlNavThumbs option added by Jamie Thompson (http://jamiethompson.co.uk)
    13  * March 2010 - manualAdvance option added by HelloPablo (http://hellopablo.co.uk)
     9 * March 2010
    1410 */
    1511
     
    8884        //Set first background
    8985        slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
    90        
    91         //Add initial slices
    92         for(var i = 0; i < settings.slices; i++){
    93             var sliceWidth = Math.round(slider.width()/settings.slices);
    94             if(i == settings.slices-1){
    95                 slider.append(
    96                     $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px' })
    97                 );
    98             } else {
    99                 slider.append(
    100                     $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:sliceWidth+'px' })
    101                 );
    102             }
    103         }
    104        
     86
    10587        //Create caption
    10688        slider.append(
    10789            $('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
    10890        );                     
     91               
     92                // Process caption function
     93                var processCaption = function(settings){
     94                        var nivoCaption = $('.nivo-caption', slider);
     95                        if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){
     96                                var title = vars.currentImage.attr('title');
     97                                if(title.substr(0,1) == '#') title = $(title).html();   
     98
     99                                if(nivoCaption.css('display') == 'block'){
     100                                        nivoCaption.find('p').fadeOut(settings.animSpeed, function(){
     101                                                $(this).html(title);
     102                                                $(this).fadeIn(settings.animSpeed);
     103                                        });
     104                                } else {
     105                                        nivoCaption.find('p').html(title);
     106                                }                                       
     107                                nivoCaption.fadeIn(settings.animSpeed);
     108                        } else {
     109                                nivoCaption.fadeOut(settings.animSpeed);
     110                        }
     111                }
     112               
    109113        //Process initial  caption
    110         if(vars.currentImage.attr('title') != ''){
    111             var title = vars.currentImage.attr('title');
    112             if(title.substr(0,1) == '#') title = $(title).html();
    113             $('.nivo-caption p', slider).html(title);                                   
    114             $('.nivo-caption', slider).fadeIn(settings.animSpeed);
    115         }
     114        processCaption(settings);
    116115       
    117116        //In the words of Super Mario "let's a go!"
     
    123122        //Add Direction nav
    124123        if(settings.directionNav){
    125             slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div>');
     124            slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>');
    126125           
    127126            //Hide Direction nav
     
    139138                clearInterval(timer);
    140139                timer = '';
    141                 vars.currentSlide-=2;
     140                vars.currentSlide -= 2;
    142141                nivoRun(slider, kids, settings, 'prev');
    143142            });
     
    242241        });
    243242       
    244         // Reset slice width before animations run
    245         var resetSliceWidth = function(slider, settings){
    246             var slices = $('.nivo-slice', slider);
    247             var i = 0;
    248             slices.each(function(){
    249                 var slice = $(this);
    250                 var sliceWidth = Math.round(slider.width()/settings.slices);
    251                 if(i == settings.slices-1){
    252                     slice.css('width', (slider.width()-(sliceWidth*i)) + 'px');
    253                 } else {
    254                     slice.css('width', sliceWidth + 'px');
    255                 }
    256                 i++;
    257             });
    258         }
     243        // Add slices for slice animations
     244        var createSlices = function(slider, settings, vars){
     245            for(var i = 0; i < settings.slices; i++){
     246                                var sliceWidth = Math.round(slider.width()/settings.slices);
     247                                if(i == settings.slices-1){
     248                                        slider.append(
     249                                                $('<div class="nivo-slice"></div>').css({
     250                                                        left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px',
     251                                                        height:'0px',
     252                                                        opacity:'0',
     253                                                        background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
     254                                                })
     255                                        );
     256                                } else {
     257                                        slider.append(
     258                                                $('<div class="nivo-slice"></div>').css({
     259                                                        left:(sliceWidth*i)+'px', width:sliceWidth+'px',
     260                                                        height:'0px',
     261                                                        opacity:'0',
     262                                                        background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
     263                                                })
     264                                        );
     265                                }
     266                        }
     267        }
     268               
     269                // Add boxes for box animations
     270                var createBoxes = function(slider, settings, vars){
     271                        var boxWidth = Math.round(slider.width()/settings.boxCols);
     272                        var boxHeight = Math.round(slider.height()/settings.boxRows);
     273                       
     274                        for(var rows = 0; rows < settings.boxRows; rows++){
     275                                for(var cols = 0; cols < settings.boxCols; cols++){
     276                                        if(cols == settings.boxCols-1){
     277                                                slider.append(
     278                                                        $('<div class="nivo-box"></div>').css({
     279                                                                opacity:0,
     280                                                                left:(boxWidth*cols)+'px',
     281                                                                top:(boxHeight*rows)+'px',
     282                                                                width:(slider.width()-(boxWidth*cols))+'px',
     283                                                                height:boxHeight+'px',
     284                                                                background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
     285                                                        })
     286                                                );
     287                                        } else {
     288                                                slider.append(
     289                                                        $('<div class="nivo-box"></div>').css({
     290                                                                opacity:0,
     291                                                                left:(boxWidth*cols)+'px',
     292                                                                top:(boxHeight*rows)+'px',
     293                                                                width:boxWidth+'px',
     294                                                                height:boxHeight+'px',
     295                                                                background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
     296                                                        })
     297                                                );
     298                                        }
     299                                }
     300                        }
     301                }
    259302
    260303        // Private run method
     
    299342                        }
    300343                       
    301                         //Set acitve links
     344                        //Set active links
    302345                        if(settings.controlNav){
    303346                                $('.nivo-controlNav a', slider).removeClass('active');
     
    306349                       
    307350                        //Process caption
    308                         if(vars.currentImage.attr('title') != ''){
    309                 var title = vars.currentImage.attr('title');
    310                 if(title.substr(0,1) == '#') title = $(title).html();   
    311                    
    312                                 if($('.nivo-caption', slider).css('display') == 'block'){
    313                                         $('.nivo-caption p', slider).fadeOut(settings.animSpeed, function(){
    314                                                 $(this).html(title);
    315                                                 $(this).fadeIn(settings.animSpeed);
    316                                         });
    317                                 } else {
    318                                         $('.nivo-caption p', slider).html(title);
    319                                 }                                       
    320                                 $('.nivo-caption', slider).fadeIn(settings.animSpeed);
    321                         } else {
    322                                 $('.nivo-caption', slider).fadeOut(settings.animSpeed);
    323                         }
     351                        processCaption(settings);
    324352                       
    325                         //Set new slice backgrounds
    326                         var  i = 0;
    327                         $('.nivo-slice', slider).each(function(){
    328                                 var sliceWidth = Math.round(slider.width()/settings.slices);
    329                                 $(this).css({ height:'0px', opacity:'0',
    330                                         background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' });
    331                                 i++;
    332                         });
     353                        // Remove any slices from last transition
     354                        $('.nivo-slice', slider).remove();
     355                       
     356                        // Remove any boxes from last transition
     357                        $('.nivo-box', slider).remove();
    333358                       
    334359                        if(settings.effect == 'random'){
    335                                 var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade','slideInRight','slideInLeft');
     360                                var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
     361                'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
    336362                                vars.randAnim = anims[Math.floor(Math.random()*(anims.length + 1))];
    337363                                if(vars.randAnim == undefined) vars.randAnim = 'fade';
     
    349375                        if(settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' ||
    350376                                settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft'){
     377                                createSlices(slider, settings, vars);
    351378                                var timeBuff = 0;
    352379                                var i = 0;
    353                 resetSliceWidth(slider, settings);
    354380                                var slices = $('.nivo-slice', slider);
    355381                                if(settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse();
     382                               
    356383                                slices.each(function(){
    357384                                        var slice = $(this);
     
    372399                        else if(settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' ||
    373400                                        settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft'){
     401                                createSlices(slider, settings, vars);
    374402                                var timeBuff = 0;
    375403                                var i = 0;
    376                 resetSliceWidth(slider, settings);
    377404                                var slices = $('.nivo-slice', slider);
    378405                                if(settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse();
     406                               
    379407                                slices.each(function(){
    380408                                        var slice = $(this);
     
    395423                        else if(settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' ||
    396424                                        settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft'){
     425                                createSlices(slider, settings, vars);
    397426                                var timeBuff = 0;
    398427                                var i = 0;
    399428                                var v = 0;
    400                 resetSliceWidth(slider, settings);
    401429                                var slices = $('.nivo-slice', slider);
    402430                                if(settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse();
     431                               
    403432                                slices.each(function(){
    404433                                        var slice = $(this);
     
    425454                        }
    426455                        else if(settings.effect == 'fold' || vars.randAnim == 'fold'){
     456                                createSlices(slider, settings, vars);
    427457                                var timeBuff = 0;
    428458                                var i = 0;
    429                 resetSliceWidth(slider, settings);
     459                               
    430460                                $('.nivo-slice', slider).each(function(){
    431461                                        var slice = $(this);
     
    446476                        } 
    447477                        else if(settings.effect == 'fade' || vars.randAnim == 'fade'){
     478                                createSlices(slider, settings, vars);
     479                               
    448480                                var firstSlice = $('.nivo-slice:first', slider);
    449481                firstSlice.css({
     
    453485   
    454486                                firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
    455                         }   
     487                        }         
    456488            else if(settings.effect == 'slideInRight' || vars.randAnim == 'slideInRight'){
     489                                createSlices(slider, settings, vars);
     490                               
    457491                var firstSlice = $('.nivo-slice:first', slider);
    458492                firstSlice.css({
     
    465499            }
    466500            else if(settings.effect == 'slideInLeft' || vars.randAnim == 'slideInLeft'){
     501                                createSlices(slider, settings, vars);
     502                               
    467503                var firstSlice = $('.nivo-slice:first', slider);
    468504                firstSlice.css({
     
    483519                });
    484520            }
     521                        else if(settings.effect == 'boxRandom' || vars.randAnim == 'boxRandom'){
     522                                createBoxes(slider, settings, vars);
     523                               
     524                                var totalBoxes = settings.boxCols * settings.boxRows;
     525                                var i = 0;
     526                                var timeBuff = 0;
     527                               
     528                                var boxes = shuffle($('.nivo-box', slider));
     529                                boxes.each(function(){
     530                                        var box = $(this);
     531                                        if(i == totalBoxes-1){
     532                                                setTimeout(function(){
     533                                                        box.animate({ opacity:'1' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
     534                                                }, (100 + timeBuff));
     535                                        } else {
     536                                                setTimeout(function(){
     537                                                        box.animate({ opacity:'1' }, settings.animSpeed);
     538                                                }, (100 + timeBuff));
     539                                        }
     540                                        timeBuff += 20;
     541                                        i++;
     542                                });
     543                        }
     544                        else if(settings.effect == 'boxRain' || vars.randAnim == 'boxRain' || settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' ||
     545                    settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse'){
     546                                createBoxes(slider, settings, vars);
     547                               
     548                                var totalBoxes = settings.boxCols * settings.boxRows;
     549                                var i = 0;
     550                                var timeBuff = 0;
     551                               
     552                                // Split boxes into 2D array
     553                                var rowIndex = 0;
     554                                var colIndex = 0;
     555                                var box2Darr = new Array();
     556                                box2Darr[rowIndex] = new Array();
     557                                var boxes = $('.nivo-box', slider);
     558                                if(settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' ||
     559                   settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse'){
     560                                        boxes = $('.nivo-box', slider)._reverse();
     561                                }
     562                                boxes.each(function(){
     563                                        box2Darr[rowIndex][colIndex] = $(this);
     564                                        colIndex++;
     565                                        if(colIndex == settings.boxCols){
     566                                                rowIndex++;
     567                                                colIndex = 0;
     568                                                box2Darr[rowIndex] = new Array();
     569                                        }
     570                                });
     571                               
     572                                // Run animation
     573                                for(var cols = 0; cols < (settings.boxCols * 2); cols++){
     574                                        var prevCol = cols;
     575                                        for(var rows = 0; rows < settings.boxRows; rows++){
     576                                                if(prevCol >= 0 && prevCol < settings.boxCols){
     577                                                        /* Due to some weird JS bug with loop vars
     578                                                        being used in setTimeout, this is wrapped
     579                                                        with an anonymous function call */
     580                                                        (function(row, col, time, i, totalBoxes) {
     581                                                                var box = $(box2Darr[row][col]);
     582                                var w = box.width();
     583                                var h = box.height();
     584                                if(settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' ||
     585                                   settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse'){
     586                                    box.width(0).height(0);
     587                                }
     588                                                                if(i == totalBoxes-1){
     589                                                                        setTimeout(function(){
     590                                                                                box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, '', function(){ slider.trigger('nivo:animFinished'); });
     591                                                                        }, (100 + time));
     592                                                                } else {
     593                                                                        setTimeout(function(){
     594                                                                                box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3);
     595                                                                        }, (100 + time));
     596                                                                }
     597                                                        })(rows, prevCol, timeBuff, i, totalBoxes);
     598                                                        i++;
     599                                                }
     600                                                prevCol--;
     601                                        }
     602                                        timeBuff += 100;
     603                                }
     604                        }
     605                }
     606               
     607                // Shuffle an array
     608                var shuffle = function(arr){
     609                        for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
     610                        return arr;
    485611                }
    486612       
     
    508634        //Trigger the afterLoad callback
    509635        settings.afterLoad.call(this);
     636               
     637                return this;
    510638    };
    511639       
    512640    $.fn.nivoSlider = function(options) {
    513641   
    514         return this.each(function(){
     642        return this.each(function(key, value){
    515643            var element = $(this);
    516644            // Return early if this element already has a plugin instance
    517             if (element.data('nivoslider')) return;
     645            if (element.data('nivoslider')) return element.data('nivoslider');
    518646            // Pass options to plugin constructor
    519647            var nivoslider = new NivoSlider(this, options);
     
    528656                effect: 'random',
    529657                slices: 15,
     658                boxCols: 8,
     659                boxRows: 4,
    530660                animSpeed: 500,
    531661                pauseTime: 3000,
     
    542672                manualAdvance: false,
    543673                captionOpacity: 0.8,
     674                prevText: 'Prev',
     675                nextText: 'Next',
    544676                beforeChange: function(){},
    545677                afterChange: function(){},
  • _plugins_/nivoslider/js/jquery.nivo.slider.pack.js

    r45056 r48119  
    11/*
    2  * jQuery Nivo Slider v2.4
     2 * jQuery Nivo Slider v2.5.2
    33 * http://nivo.dev7studios.com
    44 *
     
    66 * Free to use and abuse under the MIT license.
    77 * http://www.opensource.org/licenses/mit-license.php
     8 *
     9 * March 2010
    810 */
    911
    10 (function(a){var A=function(s,v){var f=a.extend({},a.fn.nivoSlider.defaults,v),g={currentSlide:0,currentImage:"",totalSlides:0,randAnim:"",running:false,paused:false,stop:false},e=a(s);e.data("nivo:vars",g);e.css("position","relative");e.addClass("nivoSlider");var j=e.children();j.each(function(){var b=a(this),h="";if(!b.is("img")){if(b.is("a")){b.addClass("nivo-imageLink");h=b}b=b.find("img:first")}var c=b.width();if(c==0)c=b.attr("width");var o=b.height();if(o==0)o=b.attr("height");c>e.width()&&
    11 e.width(c);o>e.height()&&e.height(o);h!=""&&h.css("display","none");b.css("display","none");g.totalSlides++});if(f.startSlide>0){if(f.startSlide>=g.totalSlides)f.startSlide=g.totalSlides-1;g.currentSlide=f.startSlide}g.currentImage=a(j[g.currentSlide]).is("img")?a(j[g.currentSlide]):a(j[g.currentSlide]).find("img:first");a(j[g.currentSlide]).is("a")&&a(j[g.currentSlide]).css("display","block");e.css("background",'url("'+g.currentImage.attr("src")+'") no-repeat');for(var k=0;k<f.slices;k++){var p=
    12 Math.round(e.width()/f.slices);k==f.slices-1?e.append(a('<div class="nivo-slice"></div>').css({left:p*k+"px",width:e.width()-p*k+"px"})):e.append(a('<div class="nivo-slice"></div>').css({left:p*k+"px",width:p+"px"}))}e.append(a('<div class="nivo-caption"><p></p></div>').css({display:"none",opacity:f.captionOpacity}));if(g.currentImage.attr("title")!=""){k=g.currentImage.attr("title");if(k.substr(0,1)=="#")k=a(k).html();a(".nivo-caption p",e).html(k);a(".nivo-caption",e).fadeIn(f.animSpeed)}var l=
    13 0;if(!f.manualAdvance&&j.length>1)l=setInterval(function(){r(e,j,f,false)},f.pauseTime);if(f.directionNav){e.append('<div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div>');if(f.directionNavHide){a(".nivo-directionNav",e).hide();e.hover(function(){a(".nivo-directionNav",e).show()},function(){a(".nivo-directionNav",e).hide()})}a("a.nivo-prevNav",e).live("click",function(){if(g.running)return false;clearInterval(l);l="";g.currentSlide-=2;r(e,j,f,"prev")});
    14 a("a.nivo-nextNav",e).live("click",function(){if(g.running)return false;clearInterval(l);l="";r(e,j,f,"next")})}if(f.controlNav){p=a('<div class="nivo-controlNav"></div>');e.append(p);for(k=0;k<j.length;k++)if(f.controlNavThumbs){var t=j.eq(k);t.is("img")||(t=t.find("img:first"));f.controlNavThumbsFromRel?p.append('<a class="nivo-control" rel="'+k+'"><img src="'+t.attr("rel")+'" alt="" /></a>'):p.append('<a class="nivo-control" rel="'+k+'"><img src="'+t.attr("src").replace(f.controlNavThumbsSearch,
    15 f.controlNavThumbsReplace)+'" alt="" /></a>')}else p.append('<a class="nivo-control" rel="'+k+'">'+(k+1)+"</a>");a(".nivo-controlNav a:eq("+g.currentSlide+")",e).addClass("active");a(".nivo-controlNav a",e).live("click",function(){if(g.running)return false;if(a(this).hasClass("active"))return false;clearInterval(l);l="";e.css("background",'url("'+g.currentImage.attr("src")+'") no-repeat');g.currentSlide=a(this).attr("rel")-1;r(e,j,f,"control")})}f.keyboardNav&&a(window).keypress(function(b){if(b.keyCode==
    16 "37"){if(g.running)return false;clearInterval(l);l="";g.currentSlide-=2;r(e,j,f,"prev")}if(b.keyCode=="39"){if(g.running)return false;clearInterval(l);l="";r(e,j,f,"next")}});f.pauseOnHover&&e.hover(function(){g.paused=true;clearInterval(l);l=""},function(){g.paused=false;if(l==""&&!f.manualAdvance)l=setInterval(function(){r(e,j,f,false)},f.pauseTime)});e.bind("nivo:animFinished",function(){g.running=false;a(j).each(function(){a(this).is("a")&&a(this).css("display","none")});a(j[g.currentSlide]).is("a")&&
    17 a(j[g.currentSlide]).css("display","block");if(l==""&&!g.paused&&!f.manualAdvance)l=setInterval(function(){r(e,j,f,false)},f.pauseTime);f.afterChange.call(this)});var w=function(b,h){var c=0;a(".nivo-slice",b).each(function(){var o=a(this),d=Math.round(b.width()/h.slices);c==h.slices-1?o.css("width",b.width()-d*c+"px"):o.css("width",d+"px");c++})},r=function(b,h,c,o){var d=b.data("nivo:vars");d&&d.currentSlide==d.totalSlides-1&&c.lastSlide.call(this);if((!d||d.stop)&&!o)return false;c.beforeChange.call(this);
    18 if(o){o=="prev"&&b.css("background",'url("'+d.currentImage.attr("src")+'") no-repeat');o=="next"&&b.css("background",'url("'+d.currentImage.attr("src")+'") no-repeat')}else b.css("background",'url("'+d.currentImage.attr("src")+'") no-repeat');d.currentSlide++;if(d.currentSlide==d.totalSlides){d.currentSlide=0;c.slideshowEnd.call(this)}if(d.currentSlide<0)d.currentSlide=d.totalSlides-1;d.currentImage=a(h[d.currentSlide]).is("img")?a(h[d.currentSlide]):a(h[d.currentSlide]).find("img:first");if(c.controlNav){a(".nivo-controlNav a",
    19 b).removeClass("active");a(".nivo-controlNav a:eq("+d.currentSlide+")",b).addClass("active")}if(d.currentImage.attr("title")!=""){var u=d.currentImage.attr("title");if(u.substr(0,1)=="#")u=a(u).html();a(".nivo-caption",b).css("display")=="block"?a(".nivo-caption p",b).fadeOut(c.animSpeed,function(){a(this).html(u);a(this).fadeIn(c.animSpeed)}):a(".nivo-caption p",b).html(u);a(".nivo-caption",b).fadeIn(c.animSpeed)}else a(".nivo-caption",b).fadeOut(c.animSpeed);var m=0;a(".nivo-slice",b).each(function(){var i=
    20 Math.round(b.width()/c.slices);a(this).css({height:"0px",opacity:"0",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(i+m*i-i)+"px 0%"});m++});if(c.effect=="random"){h=["sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade","slideInRight","slideInLeft"];d.randAnim=h[Math.floor(Math.random()*(h.length+1))];if(d.randAnim==undefined)d.randAnim="fade"}if(c.effect.indexOf(",")!=-1){h=c.effect.split(",");d.randAnim=h[Math.floor(Math.random()*
    21 h.length)];if(d.randAnim==undefined)d.randAnim="fade"}d.running=true;if(c.effect=="sliceDown"||c.effect=="sliceDownRight"||d.randAnim=="sliceDownRight"||c.effect=="sliceDownLeft"||d.randAnim=="sliceDownLeft"){var n=0;m=0;w(b,c);h=a(".nivo-slice",b);if(c.effect=="sliceDownLeft"||d.randAnim=="sliceDownLeft")h=a(".nivo-slice",b)._reverse();h.each(function(){var i=a(this);i.css({top:"0px"});m==c.slices-1?setTimeout(function(){i.animate({height:"100%",opacity:"1.0"},c.animSpeed,"",function(){b.trigger("nivo:animFinished")})},
    22 100+n):setTimeout(function(){i.animate({height:"100%",opacity:"1.0"},c.animSpeed)},100+n);n+=50;m++})}else if(c.effect=="sliceUp"||c.effect=="sliceUpRight"||d.randAnim=="sliceUpRight"||c.effect=="sliceUpLeft"||d.randAnim=="sliceUpLeft"){m=n=0;w(b,c);h=a(".nivo-slice",b);if(c.effect=="sliceUpLeft"||d.randAnim=="sliceUpLeft")h=a(".nivo-slice",b)._reverse();h.each(function(){var i=a(this);i.css({bottom:"0px"});m==c.slices-1?setTimeout(function(){i.animate({height:"100%",opacity:"1.0"},c.animSpeed,"",
    23 function(){b.trigger("nivo:animFinished")})},100+n):setTimeout(function(){i.animate({height:"100%",opacity:"1.0"},c.animSpeed)},100+n);n+=50;m++})}else if(c.effect=="sliceUpDown"||c.effect=="sliceUpDownRight"||d.randAnim=="sliceUpDown"||c.effect=="sliceUpDownLeft"||d.randAnim=="sliceUpDownLeft"){var x=m=n=0;w(b,c);h=a(".nivo-slice",b);if(c.effect=="sliceUpDownLeft"||d.randAnim=="sliceUpDownLeft")h=a(".nivo-slice",b)._reverse();h.each(function(){var i=a(this);if(m==0){i.css("top","0px");m++}else{i.css("bottom",
    24 "0px");m=0}x==c.slices-1?setTimeout(function(){i.animate({height:"100%",opacity:"1.0"},c.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+n):setTimeout(function(){i.animate({height:"100%",opacity:"1.0"},c.animSpeed)},100+n);n+=50;x++})}else if(c.effect=="fold"||d.randAnim=="fold"){m=n=0;w(b,c);a(".nivo-slice",b).each(function(){var i=a(this),y=i.width();i.css({top:"0px",height:"100%",width:"0px"});m==c.slices-1?setTimeout(function(){i.animate({width:y,opacity:"1.0"},c.animSpeed,"",function(){b.trigger("nivo:animFinished")})},
    25 100+n):setTimeout(function(){i.animate({width:y,opacity:"1.0"},c.animSpeed)},100+n);n+=50;m++})}else if(c.effect=="fade"||d.randAnim=="fade"){var q=a(".nivo-slice:first",b);q.css({height:"100%",width:b.width()+"px"});q.animate({opacity:"1.0"},c.animSpeed*2,"",function(){b.trigger("nivo:animFinished")})}else if(c.effect=="slideInRight"||d.randAnim=="slideInRight"){q=a(".nivo-slice:first",b);q.css({height:"100%",width:"0px",opacity:"1"});q.animate({width:b.width()+"px"},c.animSpeed*2,"",function(){b.trigger("nivo:animFinished")})}else if(c.effect==
    26 "slideInLeft"||d.randAnim=="slideInLeft"){q=a(".nivo-slice:first",b);q.css({height:"100%",width:"0px",opacity:"1",left:"",right:"0px"});q.animate({width:b.width()+"px"},c.animSpeed*2,"",function(){q.css({left:"0px",right:""});b.trigger("nivo:animFinished")})}},z=function(b){this.console&&typeof console.log!="undefined"&&console.log(b)};this.stop=function(){if(!a(s).data("nivo:vars").stop){a(s).data("nivo:vars").stop=true;z("Stop Slider")}};this.start=function(){if(a(s).data("nivo:vars").stop){a(s).data("nivo:vars").stop=
    27 false;z("Start Slider")}};f.afterLoad.call(this)};a.fn.nivoSlider=function(s){return this.each(function(){var v=a(this);if(!v.data("nivoslider")){var f=new A(this,s);v.data("nivoslider",f)}})};a.fn.nivoSlider.defaults={effect:"random",slices:15,animSpeed:500,pauseTime:3E3,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:".jpg",controlNavThumbsReplace:"_thumb.jpg",keyboardNav:true,pauseOnHover:true,manualAdvance:false,
    28 captionOpacity:0.8,beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};a.fn._reverse=[].reverse})(jQuery);
     12(function($){var NivoSlider=function(element,options){var settings=$.extend({},$.fn.nivoSlider.defaults,options);var vars={currentSlide:0,currentImage:'',totalSlides:0,randAnim:'',running:false,paused:false,stop:false};var slider=$(element);slider.data('nivo:vars',vars);slider.css('position','relative');slider.addClass('nivoSlider');var kids=slider.children();kids.each(function(){var child=$(this);var link='';if(!child.is('img')){if(child.is('a')){child.addClass('nivo-imageLink');link=child;}
     13child=child.find('img:first');}
     14var childWidth=child.width();if(childWidth==0)childWidth=child.attr('width');var childHeight=child.height();if(childHeight==0)childHeight=child.attr('height');if(childWidth>slider.width()){slider.width(childWidth);}
     15if(childHeight>slider.height()){slider.height(childHeight);}
     16if(link!=''){link.css('display','none');}
     17child.css('display','none');vars.totalSlides++;});if(settings.startSlide>0){if(settings.startSlide>=vars.totalSlides)settings.startSlide=vars.totalSlides-1;vars.currentSlide=settings.startSlide;}
     18if($(kids[vars.currentSlide]).is('img')){vars.currentImage=$(kids[vars.currentSlide]);}else{vars.currentImage=$(kids[vars.currentSlide]).find('img:first');}
     19if($(kids[vars.currentSlide]).is('a')){$(kids[vars.currentSlide]).css('display','block');}
     20slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');slider.append($('<div class="nivo-caption"><p></p></div>').css({display:'none',opacity:settings.captionOpacity}));var processCaption=function(settings){var nivoCaption=$('.nivo-caption',slider);if(vars.currentImage.attr('title')!=''&&vars.currentImage.attr('title')!=undefined){var title=vars.currentImage.attr('title');if(title.substr(0,1)=='#')title=$(title).html();if(nivoCaption.css('display')=='block'){nivoCaption.find('p').fadeOut(settings.animSpeed,function(){$(this).html(title);$(this).fadeIn(settings.animSpeed);});}else{nivoCaption.find('p').html(title);}
     21nivoCaption.fadeIn(settings.animSpeed);}else{nivoCaption.fadeOut(settings.animSpeed);}}
     22processCaption(settings);var timer=0;if(!settings.manualAdvance&&kids.length>1){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}
     23if(settings.directionNav){slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+settings.prevText+'</a><a class="nivo-nextNav">'+settings.nextText+'</a></div>');if(settings.directionNavHide){$('.nivo-directionNav',slider).hide();slider.hover(function(){$('.nivo-directionNav',slider).show();},function(){$('.nivo-directionNav',slider).hide();});}
     24$('a.nivo-prevNav',slider).live('click',function(){if(vars.running)return false;clearInterval(timer);timer='';vars.currentSlide-=2;nivoRun(slider,kids,settings,'prev');});$('a.nivo-nextNav',slider).live('click',function(){if(vars.running)return false;clearInterval(timer);timer='';nivoRun(slider,kids,settings,'next');});}
     25if(settings.controlNav){var nivoControl=$('<div class="nivo-controlNav"></div>');slider.append(nivoControl);for(var i=0;i<kids.length;i++){if(settings.controlNavThumbs){var child=kids.eq(i);if(!child.is('img')){child=child.find('img:first');}
     26if(settings.controlNavThumbsFromRel){nivoControl.append('<a class="nivo-control" rel="'+i+'"><img src="'+child.attr('rel')+'" alt="" /></a>');}else{nivoControl.append('<a class="nivo-control" rel="'+i+'"><img src="'+child.attr('src').replace(settings.controlNavThumbsSearch,settings.controlNavThumbsReplace)+'" alt="" /></a>');}}else{nivoControl.append('<a class="nivo-control" rel="'+i+'">'+(i+1)+'</a>');}}
     27$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');$('.nivo-controlNav a',slider).live('click',function(){if(vars.running)return false;if($(this).hasClass('active'))return false;clearInterval(timer);timer='';slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');vars.currentSlide=$(this).attr('rel')-1;nivoRun(slider,kids,settings,'control');});}
     28if(settings.keyboardNav){$(window).keypress(function(event){if(event.keyCode=='37'){if(vars.running)return false;clearInterval(timer);timer='';vars.currentSlide-=2;nivoRun(slider,kids,settings,'prev');}
     29if(event.keyCode=='39'){if(vars.running)return false;clearInterval(timer);timer='';nivoRun(slider,kids,settings,'next');}});}
     30if(settings.pauseOnHover){slider.hover(function(){vars.paused=true;clearInterval(timer);timer='';},function(){vars.paused=false;if(timer==''&&!settings.manualAdvance){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}});}
     31slider.bind('nivo:animFinished',function(){vars.running=false;$(kids).each(function(){if($(this).is('a')){$(this).css('display','none');}});if($(kids[vars.currentSlide]).is('a')){$(kids[vars.currentSlide]).css('display','block');}
     32if(timer==''&&!vars.paused&&!settings.manualAdvance){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}
     33settings.afterChange.call(this);});var createSlices=function(slider,settings,vars){for(var i=0;i<settings.slices;i++){var sliceWidth=Math.round(slider.width()/settings.slices);if(i==settings.slices-1){slider.append($('<div class="nivo-slice"></div>').css({left:(sliceWidth*i)+'px',width:(slider.width()-(sliceWidth*i))+'px',height:'0px',opacity:'0',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((sliceWidth+(i*sliceWidth))-sliceWidth)+'px 0%'}));}else{slider.append($('<div class="nivo-slice"></div>').css({left:(sliceWidth*i)+'px',width:sliceWidth+'px',height:'0px',opacity:'0',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((sliceWidth+(i*sliceWidth))-sliceWidth)+'px 0%'}));}}}
     34var createBoxes=function(slider,settings,vars){var boxWidth=Math.round(slider.width()/settings.boxCols);var boxHeight=Math.round(slider.height()/settings.boxRows);for(var rows=0;rows<settings.boxRows;rows++){for(var cols=0;cols<settings.boxCols;cols++){if(cols==settings.boxCols-1){slider.append($('<div class="nivo-box"></div>').css({opacity:0,left:(boxWidth*cols)+'px',top:(boxHeight*rows)+'px',width:(slider.width()-(boxWidth*cols))+'px',height:boxHeight+'px',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((boxWidth+(cols*boxWidth))-boxWidth)+'px -'+((boxHeight+(rows*boxHeight))-boxHeight)+'px'}));}else{slider.append($('<div class="nivo-box"></div>').css({opacity:0,left:(boxWidth*cols)+'px',top:(boxHeight*rows)+'px',width:boxWidth+'px',height:boxHeight+'px',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((boxWidth+(cols*boxWidth))-boxWidth)+'px -'+((boxHeight+(rows*boxHeight))-boxHeight)+'px'}));}}}}
     35var nivoRun=function(slider,kids,settings,nudge){var vars=slider.data('nivo:vars');if(vars&&(vars.currentSlide==vars.totalSlides-1)){settings.lastSlide.call(this);}
     36if((!vars||vars.stop)&&!nudge)return false;settings.beforeChange.call(this);if(!nudge){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}else{if(nudge=='prev'){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}
     37if(nudge=='next'){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}}
     38vars.currentSlide++;if(vars.currentSlide==vars.totalSlides){vars.currentSlide=0;settings.slideshowEnd.call(this);}
     39if(vars.currentSlide<0)vars.currentSlide=(vars.totalSlides-1);if($(kids[vars.currentSlide]).is('img')){vars.currentImage=$(kids[vars.currentSlide]);}else{vars.currentImage=$(kids[vars.currentSlide]).find('img:first');}
     40if(settings.controlNav){$('.nivo-controlNav a',slider).removeClass('active');$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');}
     41processCaption(settings);$('.nivo-slice',slider).remove();$('.nivo-box',slider).remove();if(settings.effect=='random'){var anims=new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade','boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');vars.randAnim=anims[Math.floor(Math.random()*(anims.length+1))];if(vars.randAnim==undefined)vars.randAnim='fade';}
     42if(settings.effect.indexOf(',')!=-1){var anims=settings.effect.split(',');vars.randAnim=anims[Math.floor(Math.random()*(anims.length))];if(vars.randAnim==undefined)vars.randAnim='fade';}
     43vars.running=true;if(settings.effect=='sliceDown'||settings.effect=='sliceDownRight'||vars.randAnim=='sliceDownRight'||settings.effect=='sliceDownLeft'||vars.randAnim=='sliceDownLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceDownLeft'||vars.randAnim=='sliceDownLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);slice.css({'top':'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
     44timeBuff+=50;i++;});}
     45else if(settings.effect=='sliceUp'||settings.effect=='sliceUpRight'||vars.randAnim=='sliceUpRight'||settings.effect=='sliceUpLeft'||vars.randAnim=='sliceUpLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceUpLeft'||vars.randAnim=='sliceUpLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);slice.css({'bottom':'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
     46timeBuff+=50;i++;});}
     47else if(settings.effect=='sliceUpDown'||settings.effect=='sliceUpDownRight'||vars.randAnim=='sliceUpDown'||settings.effect=='sliceUpDownLeft'||vars.randAnim=='sliceUpDownLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var v=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceUpDownLeft'||vars.randAnim=='sliceUpDownLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);if(i==0){slice.css('top','0px');i++;}else{slice.css('bottom','0px');i=0;}
     48if(v==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
     49timeBuff+=50;v++;});}
     50else if(settings.effect=='fold'||vars.randAnim=='fold'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;$('.nivo-slice',slider).each(function(){var slice=$(this);var origWidth=slice.width();slice.css({top:'0px',height:'100%',width:'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({width:origWidth,opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({width:origWidth,opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
     51timeBuff+=50;i++;});}
     52else if(settings.effect=='fade'||vars.randAnim=='fade'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':slider.width()+'px'});firstSlice.animate({opacity:'1.0'},(settings.animSpeed*2),'',function(){slider.trigger('nivo:animFinished');});}
     53else if(settings.effect=='slideInRight'||vars.randAnim=='slideInRight'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':'0px','opacity':'1'});firstSlice.animate({width:slider.width()+'px'},(settings.animSpeed*2),'',function(){slider.trigger('nivo:animFinished');});}
     54else if(settings.effect=='slideInLeft'||vars.randAnim=='slideInLeft'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':'0px','opacity':'1','left':'','right':'0px'});firstSlice.animate({width:slider.width()+'px'},(settings.animSpeed*2),'',function(){firstSlice.css({'left':'0px','right':''});slider.trigger('nivo:animFinished');});}
     55else if(settings.effect=='boxRandom'||vars.randAnim=='boxRandom'){createBoxes(slider,settings,vars);var totalBoxes=settings.boxCols*settings.boxRows;var i=0;var timeBuff=0;var boxes=shuffle($('.nivo-box',slider));boxes.each(function(){var box=$(this);if(i==totalBoxes-1){setTimeout(function(){box.animate({opacity:'1'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){box.animate({opacity:'1'},settings.animSpeed);},(100+timeBuff));}
     56timeBuff+=20;i++;});}
     57else if(settings.effect=='boxRain'||vars.randAnim=='boxRain'||settings.effect=='boxRainReverse'||vars.randAnim=='boxRainReverse'||settings.effect=='boxRainGrow'||vars.randAnim=='boxRainGrow'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){createBoxes(slider,settings,vars);var totalBoxes=settings.boxCols*settings.boxRows;var i=0;var timeBuff=0;var rowIndex=0;var colIndex=0;var box2Darr=new Array();box2Darr[rowIndex]=new Array();var boxes=$('.nivo-box',slider);if(settings.effect=='boxRainReverse'||vars.randAnim=='boxRainReverse'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){boxes=$('.nivo-box',slider)._reverse();}
     58boxes.each(function(){box2Darr[rowIndex][colIndex]=$(this);colIndex++;if(colIndex==settings.boxCols){rowIndex++;colIndex=0;box2Darr[rowIndex]=new Array();}});for(var cols=0;cols<(settings.boxCols*2);cols++){var prevCol=cols;for(var rows=0;rows<settings.boxRows;rows++){if(prevCol>=0&&prevCol<settings.boxCols){(function(row,col,time,i,totalBoxes){var box=$(box2Darr[row][col]);var w=box.width();var h=box.height();if(settings.effect=='boxRainGrow'||vars.randAnim=='boxRainGrow'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){box.width(0).height(0);}
     59if(i==totalBoxes-1){setTimeout(function(){box.animate({opacity:'1',width:w,height:h},settings.animSpeed/1.3,'',function(){slider.trigger('nivo:animFinished');});},(100+time));}else{setTimeout(function(){box.animate({opacity:'1',width:w,height:h},settings.animSpeed/1.3);},(100+time));}})(rows,prevCol,timeBuff,i,totalBoxes);i++;}
     60prevCol--;}
     61timeBuff+=100;}}}
     62var shuffle=function(arr){for(var j,x,i=arr.length;i;j=parseInt(Math.random()*i),x=arr[--i],arr[i]=arr[j],arr[j]=x);return arr;}
     63var trace=function(msg){if(this.console&&typeof console.log!="undefined")
     64console.log(msg);}
     65this.stop=function(){if(!$(element).data('nivo:vars').stop){$(element).data('nivo:vars').stop=true;trace('Stop Slider');}}
     66this.start=function(){if($(element).data('nivo:vars').stop){$(element).data('nivo:vars').stop=false;trace('Start Slider');}}
     67settings.afterLoad.call(this);return this;};$.fn.nivoSlider=function(options){return this.each(function(key,value){var element=$(this);if(element.data('nivoslider'))return element.data('nivoslider');var nivoslider=new NivoSlider(this,options);element.data('nivoslider',nivoslider);});};$.fn.nivoSlider.defaults={effect:'random',slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:'.jpg',controlNavThumbsReplace:'_thumb.jpg',keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,prevText:'Prev',nextText:'Next',beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};$.fn._reverse=[].reverse;})(jQuery);
  • _plugins_/nivoslider/lang/nivoslider_en.php

    r45417 r48119  
    88        'animspeed' => 'Slide transition speed',
    99        // B
     10        'bottommargin' => 'Bottom margin',
    1011        'bouton_effacer' => 'Delete',
    1112        // C
    12         'caption_opacity' => 'Universal caption opacity',
     13        'caption_backcolor' => 'Caption background color',
     14        'caption_frontcolor' => 'Caption text color',
     15        'caption_opacity' => 'Caption opacity',
     16        'controls' => 'Controls',
    1317        'controlnav' => 'Show bullets',
    1418        'cfg_title_nivoslider' => 'Nivo Slider',
     
    1620        // D
    1721        'default' => 'Default article',
     22        'default_info' => 'Default article used by the snippet [#MODELE{nivoslider}] as default article id to use...<br/>',
    1823        'directionnav' => 'Show Next &amp; Prev arrows',
    1924        'directionnavhide' => 'Only show on hover',
     
    2227        // F
    2328        // G
     29        'general' => 'General Appearance',
    2430        // H
    2531        'height' => 'Height',
    26         // I
     32        // I
     33        'image_align' => 'Crop',
     34        'image_backcolor' => 'Background color',
    2735        // J
    2836        // K
    2937        'keyboardnav' => 'Use left & right arrows',
    3038        // L
     39        'legend' => 'Legends',
    3140        // M
    3241        // N
     
    4352        // T
    4453        // U
     54        'usethumbs' => 'Use thumbnails',
    4555        // V
    4656        // W
  • _plugins_/nivoslider/lang/nivoslider_fr.php

    r45418 r48119  
    88        'animspeed' => 'Vitesse de l\'animation',
    99        // B
     10        'bottommargin' => 'Marge sous le slider',
    1011        'bouton_effacer' => 'Effacer',
    1112        // C
    12         'caption_opacity' => 'Transparence du message',
     13        'caption_backcolor' => 'Couleur du fond',
     14        'caption_frontcolor' => 'Couleur du texte',
     15        'caption_opacity' => 'Transparence',
     16        'controls' => 'Contrôles',
    1317        'controlnav' => 'Afficher les puces',
    1418        'cfg_title_nivoslider' => 'Nivo Slider',
     
    1620        // D
    1721        'default' => 'Diaporama par défaut',
    18         'directionnav' => 'Utiliser les flèches',
     22        'default_info' => 'Article utilisé comme réservoir d\'images lors de l\'inclusion du modèle [(#MODELE{nivoslider})] sans paramètre <i>id_article</i> à partir d\'un squelette :',
     23        'directionnav' => 'Activer les flèches de navigation',
    1924        'directionnavhide' => 'Cacher les fl&egrave;ches (afficher au survol)',
    2025        // E
     
    2227        // F
    2328        // G
     29        'general' => 'Apparence générale',
    2430        // H
    2531        'height' => 'Hauteur',
    2632        // I
     33        'image_align' => 'Recadrer',
     34        'image_backcolor' => 'Couleur de fond',
    2735        // J
    2836        // K
    2937        'keyboardnav' => 'Utiliser les fl&eacute;ches droite &amp; gauche du clavier',
    3038        // L
     39        'legend' => 'Légendes',
    3140        // M
    3241        // N
     
    4352        // T
    4453        // U
     54        'usethumbs' => 'Activer les miniatures',
    4555        // V
    4656        // W
  • _plugins_/nivoslider/modeles/nivoslider.html

    r45451 r48119  
    77
    88[(#SET{width,[(#ENV{width, #CONFIG{nivoslider/width, 500} })]} )]
    9 [(#SET{height,[(#ENV{height, #CONFIG{nivoslider/height, 500} })]} )]
     9[(#SET{height,[(#ENV{height, #CONFIG{nivoslider/height, 240} })]} )]
    1010[(#SET{effect,[(#ENV{effect, #CONFIG{nivoslider/effect, random} })]} )]
    1111[(#SET{slices,[(#ENV{slices, #CONFIG{nivoslider/slices,15} })]} )]
     
    1515[(#SET{directionNavHide,[(#ENV{directionNavHide, #CONFIG{nivoslider/directionNavHide,true} })]} )]
    1616[(#SET{controlNav,[(#ENV{controlNav, #CONFIG{nivoslider/controlNav,true} })]} )]
    17 [(#SET{keyboardNav,[(#ENV{keyboardNav, #CONFIG{nivoslider/keyboardNav,true} })]} )]
     17[(#SET{keyboardNav,[(#ENV{keyboardNav, #CONFIG{nivoslider/keyboardNav,false} })]} )]
    1818[(#SET{pauseOnHover,[(#ENV{pauseOnHover, #CONFIG{nivoslider/pauseOnHover,true} })]} )]
    1919[(#SET{captionOpacity,[(#ENV{captionOpacity, #CONFIG{nivoslider/captionOpacity,0.8} })]} )]
     20[(#SET{imageAlign,[(#ENV{imageAlign, #CONFIG{nivoslider/imageAlign,'center'} })]} )]
     21[(#SET{imageBackcolor,[(#ENV{imageBackcolor, #CONFIG{nivoslider/imageBackcolor,'transparent'} })]} )]
     22[(#SET{controlNavThumbs,[(#ENV{controlNavThumbs, #CONFIG{nivoslider/controlNavThumbs,false} })]} )]
     23[(#SET{controlNavThumbsWidth,[(#ENV{controlNavThumbsWidth, #CONFIG{nivoslider/controlNavThumbsWidth,50} })]} )]
     24[(#SET{controlNavThumbsHeight,[(#ENV{controlNavThumbsHeight, #CONFIG{nivoslider/controlNavThumbsHeight,50} })]} )]
    2025
    2126[(#SET{id_rand, #VAL{1}|rand{1000}})]
    22        
     27
    2328<B_doc>
    24 <br/><br/>
    2529<div id='slider' style="[width:(#GET{width})px;][height:(#GET{height})px]">
    26         <div id="slider_#GET{id_rand}" class="nivoSlider" style="[width:(#GET{width})px;][height:(#GET{height})px]">
     30        <div id="slider_#GET{id_rand}" class="nivoSlider">
    2731        <BOUCLE_doc (DOCUMENTS) {id_article=#GET{id_article}} {mode=document} {extension IN png,jpg,gif} {par num titre} {doublons} {vu=non}>
    28         [(#FICHIER|image_recadre{#GET{width},#GET{height}}|inserer_attribut{title,[(#TITRE|supprimer_numero)]})]
     32                [(#DESCRIPTIF|?{'',' '})
     33                        [(#FICHIER|image_passe_partout{#GET{width},#GET{height}}|image_recadre{#GET{width},#GET{height},#GET{imageAlign},#GET{imageBackcolor}}|inserer_attribut{title,[(#TITRE|supprimer_numero)]}|inserer_attribut{rel,#FICHIER|image_reduire{#GET{controlNavThumbsWidth},#GET{controlNavThumbsHeight}}|extraire_attribut{src}})]
     34                ]
     35                [(#DESCRIPTIF|?{' ',''})
     36                        [(#SET{lien,#VAL{'spip.php?'#DESCRIPTIF}|attribut_html|replace{' ',''}})]
     37                        [(#SET{fancyornot,''})]
     38                        [(#DESCRIPTIF|match{doc}|=={doc}|?{
     39                                [(#PLUGIN{FANCYBOX}|oui)
     40                                        [(#SET{fancyornot, [(#CONFIG{fancybox/selecteur_commun,'.fancybox'}|replace{'\.',''})]})]
     41                                ]
     42                                [(#SET{lien, #URL_DOCUMENT})]
     43                        })]
     44                        [(#DESCRIPTIF|match{http}|=={http}|?{
     45                                [(#SET{lien, [(#DESCRIPTIF|textebrut)]})]
     46                        })]
     47                        <a href="#GET{lien}" [class="(#GET{fancyornot})"]>
     48                        [(#FICHIER|image_passe_partout{#GET{width},#GET{height}}|image_recadre{#GET{width},#GET{height}}|inserer_attribut{title,[(#TITRE|supprimer_numero)]}|inserer_attribut{rel,#FICHIER|image_reduire{#GET{controlNavThumbsWidth},#GET{controlNavThumbsHeight}}|extraire_attribut{src}})]
     49                        </a>
     50                ]
    2951        </BOUCLE_doc>
    3052        </div>
    3153</div>
    32 <br/><br style="clear:both"/>
     54<br style="clear:both"/>
    3355<script type="text/javascript">
    3456        $(window).load(function() {
    3557                $('#slider_#GET{id_rand}').nivoSlider({
    36         [effect:'(#GET{effect})',]
    37         [slices:(#GET{slices}),]
    38         [animSpeed:(#GET{animSpeed}),]
    39         [pauseTime:(#GET{pauseTime}),]
    40         [directionNav:(#GET{directionNav}),]
    41         [directionNavHide:(#GET{directionNavHide}),]
    42         [controlNav:(#GET{controlNav}),]
    43         [keyboardNav:(#GET{keyboardNav}),]
    44         [pauseOnHover:(#GET{pauseOnHover}),]
    45         [captionOpacity:(#GET{captionOpacity})]
     58                        [effect:'(#GET{effect})',]
     59                        [slices:(#GET{slices}),]
     60                        [animSpeed:(#GET{animSpeed}),]
     61                        [pauseTime:(#GET{pauseTime}),]
     62                        [directionNav:(#GET{directionNav}),]
     63                        [directionNavHide:(#GET{directionNavHide}),]
     64                        [(#CONFIG{nivoslider/controlNavThumbs}|=={'false'}|?{' ',''})
     65                                [controlNav:(#GET{controlNav}),]
     66                        ]
     67                        [keyboardNav:(#GET{keyboardNav}),]
     68                        [pauseOnHover:(#GET{pauseOnHover}),]
     69                        [(#CONFIG{nivoslider/controlNavThumbs}|=={'true'}|?{' ',''})
     70                                [controlNavThumbs:(#GET{controlNavThumbs}),]
     71                                [controlNavThumbsFromRel:(#GET{controlNavThumbs}),]
     72                        ]
     73                        [captionOpacity:(#GET{captionOpacity})]
    4674                });
    4775        });
    4876</script>
    4977</B_doc>
     78
     79
     80 
  • _plugins_/nivoslider/modeles/nivoslider_doc.html

    r45451 r48119  
    55
    66[(#SET{width,[(#ENV{width, #CONFIG{nivoslider/width, 500} })]} )]
    7 [(#SET{height,[(#ENV{height, #CONFIG{nivoslider/height, 500} })]} )]
     7[(#SET{height,[(#ENV{height, #CONFIG{nivoslider/height, 240} })]} )]
    88[(#SET{effect,[(#ENV{effect, #CONFIG{nivoslider/effect, random} })]} )]
    99[(#SET{slices,[(#ENV{slices, #CONFIG{nivoslider/slices,15} })]} )]
     
    1313[(#SET{directionNavHide,[(#ENV{directionNavHide, #CONFIG{nivoslider/directionNavHide,true} })]} )]
    1414[(#SET{controlNav,[(#ENV{controlNav, #CONFIG{nivoslider/controlNav,true} })]} )]
    15 [(#SET{keyboardNav,[(#ENV{keyboardNav, #CONFIG{nivoslider/keyboardNav,true} })]} )]
     15[(#SET{keyboardNav,[(#ENV{keyboardNav, #CONFIG{nivoslider/keyboardNav,false} })]} )]
    1616[(#SET{pauseOnHover,[(#ENV{pauseOnHover, #CONFIG{nivoslider/pauseOnHover,true} })]} )]
    1717[(#SET{captionOpacity,[(#ENV{captionOpacity, #CONFIG{nivoslider/captionOpacity,0.8} })]} )]
     18[(#SET{imageAlign,[(#ENV{imageAlign, #CONFIG{nivoslider/imageAlign,'center center'} })]} )]
     19[(#SET{imageBackcolor,[(#ENV{imageBackcolor, #CONFIG{nivoslider/imageBackcolor,'transparent'} })]} )]
     20[(#SET{controlNavThumbs,[(#ENV{controlNavThumbs, #CONFIG{nivoslider/controlNavThumbs,false} })]} )]
     21[(#SET{controlNavThumbsWidth,[(#ENV{controlNavThumbsWidth, #CONFIG{nivoslider/controlNavThumbsWidth,50} })]} )]
     22[(#SET{controlNavThumbsHeight,[(#ENV{controlNavThumbsHeight, #CONFIG{nivoslider/controlNavThumbsHeight,50} })]} )]
    1823
    1924[(#SET{id_rand, #VAL{1}|rand{1000}})]
    2025
    2126<B_doc>
    22 <br/><br/>
    23 <div id='slider' style="[width:(#GET{width})px;][height:(#GET{height})px]">
    24         <div id="slider_#GET{id_rand}" class="nivoSlider" style="[width:(#GET{width})px;][height:(#GET{height})px]">
     27<div id='slider'style="[width:(#GET{width})px;][height:(#GET{height})px]">
     28        <div id="slider_#GET{id_rand}" class="nivoSlider">
    2529        <BOUCLE_doc(DOCUMENTS){extension IN png,jpg,gif}{id_document==^((#ENV{id}|replace{',',|}|sinon{.*}))$}{par num titre, date}{doublons}>
    26                 [(#FICHIER|image_recadre{#CONFIG{nivoslider/width,500},#CONFIG{nivoslider/height,300}}|inserer_attribut{title,[(#TITRE|supprimer_numero)]})]
     30                [(#DESCRIPTIF|?{'',' '})
     31                        [(#FICHIER|image_passe_partout{#GET{width},#GET{height}}|image_recadre{#GET{width},#GET{height},#GET{imageAlign},#GET{imageBackcolor}}|inserer_attribut{title,[(#TITRE|supprimer_numero)]}|inserer_attribut{rel,#FICHIER|image_reduire{#GET{controlNavThumbsWidth},#GET{controlNavThumbsHeight}}|extraire_attribut{src}})]
     32                ]
     33                [(#DESCRIPTIF|?{' ',''})
     34                        [(#SET{lien,#VAL{'spip.php?'#DESCRIPTIF}|attribut_html|replace{' ',''}})]
     35                        [(#SET{fancyornot,''})]
     36                        [(#DESCRIPTIF|match{doc}|=={doc}|?{
     37                                [(#PLUGIN{FANCYBOX}|oui)
     38                                        [(#SET{fancyornot, [(#CONFIG{fancybox/selecteur_commun,'.fancybox'}|replace{'\.',''})]})]
     39                                ]
     40                                [(#SET{lien, #URL_DOCUMENT})]
     41                        })]
     42                        [(#DESCRIPTIF|match{http}|=={http}|?{
     43                                [(#SET{lien, [(#DESCRIPTIF|textebrut)]})]
     44                        })]
     45                        <a href="#GET{lien}" [class="(#GET{fancyornot})"]>
     46                        [(#FICHIER|image_passe_partout{#GET{width},#GET{height}}|image_recadre{#GET{width},#GET{height}}|inserer_attribut{title,[(#TITRE|supprimer_numero)]}|inserer_attribut{rel,#FICHIER|image_reduire{#GET{controlNavThumbsWidth},#GET{controlNavThumbsHeight}}|extraire_attribut{src}})]
     47                        </a>
     48                ]
    2749        </BOUCLE_doc>
    2850        </div>
    2951</div>
    30 <br/><br style="clear:both"/>
     52<br style="clear:both"/>
    3153<script type="text/javascript">
    3254        $(window).load(function() {
    3355                $('#slider_#GET{id_rand}').nivoSlider({
    34         [effect:'(#GET{effect})',]
    35         [slices:(#GET{slices}),]
    36         [animSpeed:(#GET{animSpeed}),]
    37         [pauseTime:(#GET{pauseTime}),]
    38         [directionNav:(#GET{directionNav}),]
    39         [directionNavHide:(#GET{directionNavHide}),]
    40         [controlNav:(#GET{controlNav}),]
    41         [keyboardNav:(#GET{keyboardNav}),]
    42         [pauseOnHover:(#GET{pauseOnHover}),]
    43         [captionOpacity:(#GET{captionOpacity})]
     56                        [effect:'(#GET{effect})',]
     57                        [slices:(#GET{slices}),]
     58                        [animSpeed:(#GET{animSpeed}),]
     59                        [pauseTime:(#GET{pauseTime}),]
     60                        [directionNav:(#GET{directionNav}),]
     61                        [directionNavHide:(#GET{directionNavHide}),]
     62                        [(#CONFIG{nivoslider/controlNavThumbs}|=={'false'}|?{' ',''})
     63                                [controlNav:(#GET{controlNav}),]
     64                        ]
     65                        [keyboardNav:(#GET{keyboardNav}),]
     66                        [pauseOnHover:(#GET{pauseOnHover}),]
     67                        [(#CONFIG{nivoslider/controlNavThumbs}|=={'true'}|?{' ',''})
     68                                [controlNavThumbs:(#GET{controlNavThumbs}),]
     69                                [controlNavThumbsFromRel:(#GET{controlNavThumbs}),]
     70                        ]
     71                        [captionOpacity:(#GET{captionOpacity})]
    4472                });
    4573        });
  • _plugins_/nivoslider/nivoslider_pipelines.php

    r45451 r48119  
    11<?php
    22
    3 function nivoslider_insert_head($flux){
     3/**********
     4 * PUBLIC *
     5 **********/
     6
     7function nivoslider_insert_head_css($flux_ = '', $prive = false){
    48        static $done = false;
    5         if (!$done) {
    6                 $done = true;
    7                 $flux .= '<link rel="stylesheet" href="'.url_absolue(generer_url_public('css_nivoslider')).'" type="text/css" media="all" />';
    8                 $flux .= '<script src="'.url_absolue(find_in_path('js/jquery.nivo.slider.pack.js')).'" type="text/javascript"></script>';
    9         }
    10         return $flux;
     9        if($done) return $flux_;
     10        $done = true;
     11        $flux='<link rel="stylesheet" href="'.url_absolue(generer_url_public('css_nivoslider')).'" type="text/css" media="all" />';
     12        return $flux_ . $flux;
    1113}
    1214
     15function nivoslider_insert_head($flux_){
     16        $flux='<script src="'.url_absolue(find_in_path('js/jquery.nivo.slider.pack.js')).'" type="text/javascript"></script>';
     17        return $flux_
     18                . nivoslider_insert_head_css() // en cas d'absence de balise #INSERT_HEAD_CSS
     19                . $flux;
     20}
     21
     22/*********
     23 * PRIVE *
     24 *********/
     25
     26function nivoslider_header_prive($flux_){
     27        $flux = nivoslider_insert_head_prive($flux);
     28        return $flux_ . $flux;
     29}
     30
     31function nivoslider_insert_head_prive($flux_){
     32        return $flux_
     33                . nivoslider_insert_head()
     34                . $flux;
     35}
     36
     37
    1338?>
  • _plugins_/nivoslider/plugin.xml

    r45451 r48119  
    22        <nom>Nivo Slider</nom>
    33        <auteur>[Grégory Pascal->http://www.spip-contrib.net/ngombe], distribu&#233; sous licence GNU/GPL</auteur>
    4         <version>0.1.0</version>
     4        <version>0.1.1</version>
    55        <etat>test</etat>
    66        <description><multi>
    7         [fr] Ajoute {{&lt;nivosliderXX&gt;}} et {{&lt;nivoslider_doc&gt;}} pour cr&#233;er un diaporama <a href="http://nivo.dev7studios.com/" title="dev7studio">"Nivo Slider" </a> param&#233;trable via <a href="http://www.spip-contrib.net/Config-cfg" title="CFG">CFG</a>.
    8         [en] Add {{&lt;nivosliderXX&gt;}} and {{&lt;nivoslider_doc&gt;}} to create a <a href="http://nivo.dev7studios.com/" title="dev7studio">"Nivo Slider" </a> using <a href="http://www.spip-contrib.net/Config-cfg" title="CFG">CFG</a>.
     7        [fr] Ajoute les balises {{&lt;nivosliderXX&gt;}}, {{&lt;nivoslider_doc&gt;}} et {{&lt;nivoslider_rub&gt;}} pour cr&#233;er un diaporama <a href="http://nivo.dev7studios.com/" title="dev7studio">"Nivo Slider" </a> param&#233;trable via <a href="http://www.spip-contrib.net/Config-cfg" title="CFG">CFG</a>.
     8        [en] Add {{&lt;nivosliderXX&gt;}}, {{&lt;nivoslider_doc&gt;}} and {{&lt;nivoslider_rub&gt;}} tags to create a <a href="http://nivo.dev7studios.com/" title="dev7studio">"Nivo Slider" </a> using <a href="http://www.spip-contrib.net/Config-cfg" title="CFG">CFG</a>.
    99        </multi></description>
    1010        <lien>http://www.spip-contrib.net/Nivo-Slider-pour-SPIP</lien>
     
    1212        <prefix>nivoslider</prefix>
    1313        <pipeline>
     14                <nom>insert_head_css</nom>
     15                <inclure>nivoslider_pipelines.php</inclure>
     16        </pipeline>
     17        <pipeline>
    1418                <nom>insert_head</nom>
     19                <inclure>nivoslider_pipelines.php</inclure>
     20        </pipeline>
     21        <pipeline>
     22                <nom>header_prive</nom>
    1523                <inclure>nivoslider_pipelines.php</inclure>
    1624        </pipeline>
    1725        <noisette>modeles/nivoslider.html</noisette>
    1826        <noisette>modeles/nivoslider_doc.html</noisette>
     27        <noisette>modeles/nivoslider_rub.html</noisette>
    1928        <categorie>multimedia</categorie>
    2029        <necessite id="SPIP" version="[2.0.0;]" />
Note: See TracChangeset for help on using the changeset viewer.