Changeset 61851 in spip-zone


Ignore:
Timestamp:
May 30, 2012, 11:42:00 AM (7 years ago)
Author:
kent1@…
Message:

On ajoute des slider sur width/height d'image_reduire qui s'auto-répondent

Version 0.3.9

Location:
_plugins_/photospip/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/photospip/trunk/formulaires/editer_image.html

    r61849 r61851  
    1212        [(#SET{largeur_reduit,[(#FICHIER|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|extraire_attribut{width})]})]
    1313        #SET{ratio,#LARGEUR|div{#GET{largeur_reduit}}}
     14        #SET{ratio_image,#LARGEUR|div{#HAUTEUR}}
    1415        #SET{largeur_image,#LARGEUR}
    1516        #SET{hauteur_image,#HAUTEUR}
     
    138139          </p>
    139140         <script type="text/javascript"><!--
     141                        var ratio, ratio_image,largeur,hauteur;
     142                        ratio = parseFloat([(#GET{ratio})]);
     143                        ratio_image = parseFloat([(#GET{ratio_image})]);
     144                        largeur = #GET{largeur_image};
     145                        hauteur = #GET{hauteur_image};
     146                       
    140147                        [(#CONFIG{photospip/image_recadre,on}|=={on}|oui)
    141                                 var x1, y1, x2, y2, w, h, ias,ratio,largeur,hauteur;
    142                                 ratio = parseFloat([(#GET{ratio})]);
    143                                 largeur = #GET{largeur_image};
    144                                 hauteur = #GET{hauteur_image};
     148                                var x1, y1, x2, y2, w, h, ias;
    145149                                function image_crop_selectchange(img, selection){
    146150                                        /**
     
    229233                                        var val = parseInt($(this).val());
    230234                                        slider_image_flou.slider("value", val);
     235                                });
     236                               
     237                                var slider_image_reduire_width = jQuery('#slider_image_reduire_width').slider({
     238                                        min: 10,
     239                                        max: #LARGEUR,
     240                                        value: [(#ENV{reduire_width}|sinon{#LARGEUR}|intval)],
     241                                        slide: function(event, ui) {
     242                                                jQuery(this).parent().find('input').val(ui.value.toFixed(0));
     243                                                var height = (ui.value.toFixed(0)/ratio_image).toFixed(0);
     244                                                slider_image_reduire_height.slider("value", height);
     245                                                $('#reduire_height').val(height);
     246                                        }
     247                                });
     248                                $("#reduire_width").change(function() {
     249                                        var val = parseInt($(this).val());
     250                                        slider_image_reduire_width.slider("value", val);
     251                                        var height = (val/ratio_image).toFixed(0);
     252                                        slider_image_reduire_height.slider("value", height);
     253                                        $("#reduire_height").val(height);
     254                                });
     255                               
     256                                var slider_image_reduire_height = jQuery('#slider_image_reduire_height').slider({
     257                                        min: 10,
     258                                        max: #HAUTEUR,
     259                                        value: [(#ENV{reduire_height}|sinon{#HAUTEUR}|intval)],
     260                                        slide: function(event, ui) {
     261                                                jQuery(this).parent().find('input').val(ui.value.toFixed(0));
     262                                                var width = (ui.value.toFixed(0)*ratio_image).toFixed(0);
     263                                                slider_image_reduire_width.slider("value", width);
     264                                                $('#reduire_width').val(width);
     265                                        }
     266                                });
     267                                $("#reduire_height").change(function() {
     268                                        var val = parseInt($(this).val());
     269                                        slider_image_reduire_height.slider("value", val);
     270                                        var width = (val*ratio_image).toFixed(0);
     271                                        slider_image_reduire_width.slider("value", width);
     272                                        $('#reduire_width').val(width);
    231273                                });
    232274                        }
  • _plugins_/photospip/trunk/formulaires/editer_image_format.html

    r61849 r61851  
    1414                                <label for="reduire_width"><:photospip:label_reduire_width:></label>
    1515                                <input type="text" class="text nombre" id="reduire_width" maxlength="5" style="width:5em" name="reduire_width" value="#ENV{reduire_width,#LARGEUR}" />
     16                                <div id='slider_image_reduire_width'>
     17                                        <div></div>     
     18                                </div>
    1619                        </li>
    1720                        <li>
    1821                                <label for="reduire_height"><:photospip:label_reduire_height:></label>
    1922                                <input type="text" class="text nombre" id="reduire_height" maxlength="5" style="width:5em" name="reduire_height" value="#ENV{reduire_height,#HAUTEUR}" />
     23                                <div id='slider_image_reduire_height'>
     24                                        <div></div>     
     25                                </div>
    2026                        </li>
    2127                </ul>
    22                 <script type="text/javascript">
    23                         $(document).ready(function(){
    24                                 var width_depart = #LARGEUR;
    25                                 var height_depart = #HAUTEUR;
    26                                 var ratio_depart = [(#LARGEUR|div{#HAUTEUR})]
    27                                 $('#reduire_width').change(function(){
    28                                         var width = parseInt($(this).val());
    29                                         var height = (width/ratio_depart).toFixed(0);
    30                                         $('#reduire_height').val(height);
    31                                 });
    32                                 $('#reduire_height').change(function(){
    33                                         var height = parseInt($(this).val());
    34                                         var width = (height*ratio_depart).toFixed(0);
    35                                         $('#reduire_width').val(width);
    36                                 });
    37                         });
    38                 </script>
    3928        </div>
    4029</li>]
  • _plugins_/photospip/trunk/plugin.xml

    r61849 r61851  
    44_ © 2008-2012 - Distribué sous licence GNU/GPL
    55        </auteur>
    6         <version>0.3.8</version>
     6        <version>0.3.9</version>
    77        <version_base>0.4</version_base>
    88        <prefix>photospip</prefix>
Note: See TracChangeset for help on using the changeset viewer.