Changeset 62161 in spip-zone


Ignore:
Timestamp:
Jun 5, 2012, 1:05:36 PM (7 years ago)
Author:
kent1@…
Message:

animate plutot que css c'est plus smooth...

Petites améliorations js

Location:
_plugins_/photospip
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/photospip/branches/v1/formulaires/editer_image.html

    r62160 r62161  
    138138                <input type="submit" class="submit" name="validation_fermer" value="<:photospip:bouton_valider_fermer:>" />
    139139          </p>
    140          <script type="text/javascript"><!--
    141                         var ratio, ratio_image,largeur,hauteur;
     140                <script type="text/javascript"><!--
     141                        var ratio, ratio_image,largeur,hauteur;
    142142                        ratio_image = parseFloat([(#GET{ratio_image})]);
    143143                        largeur = parseFloat(#GET{largeur_image});
     
    283283                                                        }
    284284                                                        ratio = largeur/parseFloat($('#image-container img').width());
    285                                                        
    286285                                                        jQuery('.cache').hide();
    287286                                                       
     
    298297                                                                var limite_bas = $('#cboxContent .boutons').last().offset().top-$('#cboxContent .boutons').last().outerHeight();
    299298                                                                var pos_bas = $('#image-container').offset().top+$('#image-container').height();
    300                                                                 if(($('#cboxLoadedContent').scrollTop() >= container_offset) && (pos_bas < limite_bas) && ($('#cboxLoadedContent').scrollTop()+$('#image-container').offset().top < limite_bas)){
     299                                                                if(($('#cboxLoadedContent').scrollTop() >= container_offset) && ($('#cboxLoadedContent').scrollTop()+$('#image-container').offset().top < limite_bas)){
    301300                                                                        var margintop = $('#cboxLoadedContent').scrollTop() - container_offset+(boxmargins/2);
    302                                                                         if(!$('#image-container').hasClass("image_flottant"))
    303                                                                                 $('#image-container').addClass("image_flottant");
    304                                                                         $('#image-container').css({"margin-top": margintop+"px"});
    305                                                                         if(typeof(ias) == 'object'){
    306                                                                                 ias.update();
    307                                                                         }
     301                                                                        $('#image-container').addClass("image_flottant").animate({"margin-top": margintop+"px"},'fast','',function(){
     302                                                                                if(typeof(ias) == 'object'){
     303                                                                                        ias.update();
     304                                                                                }       
     305                                                                        });
    308306                                                                }
    309307                                                                else if($('#image-container').hasClass("image_flottant") && ($('#cboxLoadedContent').scrollTop() < container_offset)){
    310                                                                         $('#image-container').removeClass("image_flottant").css({"margin-top": "0px", "width": "auto"});
    311                                                                         if(typeof(ias) == 'object'){
    312                                                                                 ias.update();
    313                                                                         }
     308                                                                        $('#image-container').removeClass("image_flottant").animate({"margin-top": "0px", "width": "auto"},'fast','',function(){
     309                                                                                if(typeof(ias) == 'object'){
     310                                                                                        ias.update();
     311                                                                                }
     312                                                                        });
    314313                                                                }
    315314                                                        });
     
    327326                                                if($('#modifier_image').width() != 0){
    328327                                                        if($('#modifier_image img').width() > $('#modifier_image').width()){
    329                                                                 $('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
     328                                                                $('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    330329                                                        }
    331330                                                }
    332331                                        }else{
    333332                                                if($('#modifier_image img').width() > $('#modifier_image').width()){
    334                                                         $('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
     333                                                        $('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    335334                                                }
    336335                                                ratio = largeur/parseFloat($('#image-container img').width());
     
    601600                                                        }
    602601                                                });
    603                                                 jQuery('.image_recadre input[type=radio]').click(function(){
     602                                                jQuery('.image_recadre input[type=radio][name=ratio]').click(function(){
    604603                                                        if(typeof(ias) == "object"){
    605604                                                                if (jQuery(this).val() != ''){
     
    609608                                                                        ias.setOptions({aspectRatio: jQuery(this).val()});
    610609                                                                        var ias_selection = ias.getSelection();
    611                                                                        
     610
    612611                                                                        /**
    613612                                                                         * On redimentionne la sélection en fonction du nouveau ratio
  • _plugins_/photospip/trunk/formulaires/editer_image.html

    r62160 r62161  
    138138                <input type="submit" class="submit" name="validation_fermer" value="<:photospip:bouton_valider_fermer:>" />
    139139          </p>
    140          <script type="text/javascript"><!--
    141                         var ratio, ratio_image,largeur,hauteur;
     140                <script type="text/javascript"><!--
     141                        var ratio, ratio_image,largeur,hauteur;
    142142                        ratio_image = parseFloat([(#GET{ratio_image})]);
    143143                        largeur = parseFloat(#GET{largeur_image});
     
    283283                                                        }
    284284                                                        ratio = largeur/parseFloat($('#image-container img').width());
    285                                                        
    286285                                                        jQuery('.cache').hide();
    287286                                                       
     
    298297                                                                var limite_bas = $('#cboxContent .boutons').last().offset().top-$('#cboxContent .boutons').last().outerHeight();
    299298                                                                var pos_bas = $('#image-container').offset().top+$('#image-container').height();
    300                                                                 if(($('#cboxLoadedContent').scrollTop() >= container_offset) && (pos_bas < limite_bas) && ($('#cboxLoadedContent').scrollTop()+$('#image-container').offset().top < limite_bas)){
     299                                                                if(($('#cboxLoadedContent').scrollTop() >= container_offset) && ($('#cboxLoadedContent').scrollTop()+$('#image-container').offset().top < limite_bas)){
    301300                                                                        var margintop = $('#cboxLoadedContent').scrollTop() - container_offset+(boxmargins/2);
    302                                                                         if(!$('#image-container').hasClass("image_flottant"))
    303                                                                                 $('#image-container').addClass("image_flottant");
    304                                                                         $('#image-container').css({"margin-top": margintop+"px"});
    305                                                                         if(typeof(ias) == 'object'){
    306                                                                                 ias.update();
    307                                                                         }
     301                                                                        $('#image-container').addClass("image_flottant").animate({"margin-top": margintop+"px"},'fast','',function(){
     302                                                                                if(typeof(ias) == 'object'){
     303                                                                                        ias.update();
     304                                                                                }       
     305                                                                        });
    308306                                                                }
    309307                                                                else if($('#image-container').hasClass("image_flottant") && ($('#cboxLoadedContent').scrollTop() < container_offset)){
    310                                                                         $('#image-container').removeClass("image_flottant").css({"margin-top": "0px", "width": "auto"});
    311                                                                         if(typeof(ias) == 'object'){
    312                                                                                 ias.update();
    313                                                                         }
     308                                                                        $('#image-container').removeClass("image_flottant").animate({"margin-top": "0px", "width": "auto"},'fast','',function(){
     309                                                                                if(typeof(ias) == 'object'){
     310                                                                                        ias.update();
     311                                                                                }
     312                                                                        });
    314313                                                                }
    315314                                                        });
     
    327326                                                if($('#modifier_image').width() != 0){
    328327                                                        if($('#modifier_image img').width() > $('#modifier_image').width()){
    329                                                                 $('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
     328                                                                $('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    330329                                                        }
    331330                                                }
    332331                                        }else{
    333332                                                if($('#modifier_image img').width() > $('#modifier_image').width()){
    334                                                         $('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
     333                                                        $('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    335334                                                }
    336335                                                ratio = largeur/parseFloat($('#image-container img').width());
     
    601600                                                        }
    602601                                                });
    603                                                 jQuery('.image_recadre input[type=radio]').click(function(){
     602                                                jQuery('.image_recadre input[type=radio][name=ratio]').click(function(){
    604603                                                        if(typeof(ias) == "object"){
    605604                                                                if (jQuery(this).val() != ''){
     
    609608                                                                        ias.setOptions({aspectRatio: jQuery(this).val()});
    610609                                                                        var ias_selection = ias.getSelection();
    611                                                                        
     610
    612611                                                                        /**
    613612                                                                         * On redimentionne la sélection en fonction du nouveau ratio
Note: See TracChangeset for help on using the changeset viewer.