Changeset 62179 in spip-zone


Ignore:
Timestamp:
Jun 5, 2012, 9:34:17 PM (7 years ago)
Author:
kent1@…
Message:

On passe tous les $ en jQuery

On gère les problèmes de chargement lorsque plusieurs box sont chargées à la suite et que les images se retrouvent avec des tailles trop grandes

Pas facile de gérer du js dans ces box

Location:
_plugins_/photospip
Files:
4 edited

Legend:

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

    r62171 r62179  
    3737                                <div id="image_modifier" class="spip_documents spip_documents_center">
    3838                                        [(#ENV{erreurs}|table_valeur{filtre}|oui)
    39                                         [(#_document:FICHIER|photospip_appliquer_filtre{[(#ENV{erreurs}|table_valeur{filtre})],[(#ENV{erreurs}|table_valeur{param1})],[(#ENV{erreurs}|table_valeur{param2})],[(#ENV{erreurs}|table_valeur{param3})],[(#ENV{erreurs}|table_valeur{param})]}|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '})]]
     39                                        [(#_document:FICHIER|photospip_appliquer_filtre{[(#ENV{erreurs}|table_valeur{filtre})],[(#ENV{erreurs}|table_valeur{param1})],[(#ENV{erreurs}|table_valeur{param2})],[(#ENV{erreurs}|table_valeur{param3})],[(#ENV{erreurs}|table_valeur{param})]}|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '}|inserer_attribut{width,''}|inserer_attribut{height,''})]]
    4040                                        [(#ENV{erreurs}|table_valeur{filtre}|non)
    41                                         [(#_document:FICHIER|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '})]]
     41                                        [(#_document:FICHIER|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '}|inserer_attribut{width,''}|inserer_attribut{height,''})]]
    4242                                </div>
    4343                        </div>
     
    160160
    161161                                var image_crop = function(){
    162                                         if(typeof(ias) == 'object'){
     162                                        if(typeof(ias) == 'object')
    163163                                                image_crop_close();
    164                                         }
    165164
    166165                                        ias = jQuery('#image_modifier img').imgAreaSelect(
     
    195194                        ]
    196195                        var activatesliders = function(){
    197                                 if(typeof($.fn.slider) == 'function'){
     196                                if(typeof(jQuery.fn.slider) == 'function'){
    198197                                        if(jQuery('#sliderrotation').size() > 0){
    199198                                                var slider_image_rotation = jQuery('#sliderrotation').slider({
     
    205204                                                        }
    206205                                                });
    207                                                 $("#param_image_rotation").change(function() {
    208                                                         var val = parseInt($(this).val());
     206                                                jQuery("#param_image_rotation").change(function() {
     207                                                        var val = parseInt(jQuery(this).val());
    209208                                                        slider_image_rotation.slider("value", val);
    210209                                                });
     
    219218                                                        }
    220219                                                });
    221                                                 $("#param_image_gamma").change(function() {
    222                                                         var val = parseInt($(this).val());
     220                                                jQuery("#param_image_gamma").change(function() {
     221                                                        var val = parseInt(jQuery(this).val());
    223222                                                        slider_image_gamma.slider("value", val);
    224223                                                });
     
    233232                                                        }
    234233                                                });
    235                                                 $("#param_image_flou").change(function() {
    236                                                         var val = parseInt($(this).val());
     234                                                jQuery("#param_image_flou").change(function() {
     235                                                        var val = parseInt(jQuery(this).val());
    237236                                                        slider_image_flou.slider("value", val);
    238237                                                });
     
    252251                                                        }
    253252                                                });
    254                                                 $("#reduire_width").change(function() {
    255                                                         var val = (parseInt($(this).val())/parseInt(#LARGEUR))*100;
     253                                                jQuery("#reduire_width").change(function() {
     254                                                        var val = (parseInt(jQuery(this).val())/parseInt(#LARGEUR))*100;
    256255                                                        slider_image_reduire.slider("value", val);
    257256                                                        var height = ((parseInt(#HAUTEUR)*val)/100).toFixed(0);
    258                                                         $("#reduire_height").val(height);
    259                                                 });
    260                                                 $("#reduire_height").change(function() {
    261                                                         var val = (parseInt($(this).val())/parseInt(#HAUTEUR))*100;
     257                                                        jQuery("#reduire_height").val(height);
     258                                                });
     259                                                jQuery("#reduire_height").change(function() {
     260                                                        var val = (parseInt(jQuery(this).val())/parseInt(#HAUTEUR))*100;
    262261                                                        slider_image_reduire.slider("value", val);
    263262                                                        var height = ((parseInt(#LARGEUR)*val)/100).toFixed(0);
    264                                                         $("#reduire_width").val(height);
     263                                                        jQuery("#reduire_width").val(height);
    265264                                                });
    266265                                        }
    267266                                }
    268267                        }
     268
    269269                        if(typeof($) == 'function' && typeof(jQuery) == 'function'){
    270270                                jQuery(document).ready(function() {
    271271                                        var cbox = '[(#EVAL{_AJAX}|?{oui,non})]';
    272                                        
     272
    273273                                        /**
    274274                                         * Cas où l'on se trouve dans une mediabox
    275275                                         */
    276                                         var container_offset = $('#image-container').offset().top-$('#cboxLoadedContent').offset().top;
    277                                         if((cbox == 'oui') || ($('#image-container').parents('#cboxLoadedContent').size()>0)){
     276                                        if((cbox == 'oui') || (jQuery('#image-container').parents('#cboxLoadedContent').size()>0)){
     277                                                var cbox_complete = false;
     278                                                var container_offset = jQuery('#image-container').offset().top;
    278279                                                var boxoffset, boxmargins,container_offset;
    279                                                 var init_box = function(){
    280                                                         $('input[type=number],input.nombre').spinner().parents('li').addClass('has_spinner');
    281                                                         if($('#modifier_image img').width() > $('#modifier_image').width()){
    282                                                                 $('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
    283                                                         }
    284                                                         ratio = largeur/parseFloat($('#image-container img').width());
     280                                                var init_box = function(cbox_complete){
     281                                                        jQuery('input[type=number],input.nombre').spinner('destroy').spinner().parents('li').addClass('has_spinner');
     282                                                        if(cbox_complete && jQuery('#modifier_image img').width() > jQuery('#modifier_image').width()){
     283                                                                jQuery('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
     284                                                        }
     285                                                        ratio = largeur/parseFloat(jQuery('#image-container img').width());
    285286                                                        jQuery('.cache').hide();
    286287                                                       
     
    290291                                                         * jusqu'aux boutons au maximum
    291292                                                         */                                                     
    292                                                         boxoffset = $('#cboxLoadedContent').offset();
    293                                                         boxmargins = $('#cboxContent').height() - $('#cboxLoadedContent').height();
    294                                                         container_offset = $('#image-container').offset().top-$('#cboxLoadedContent').offset().top+10;
    295                                                         $('#cboxLoadedContent').unbind('scroll').scroll(function() {
     293                                                        boxoffset = jQuery('#cboxLoadedContent').offset();
     294                                                        boxmargins = jQuery('#cboxContent').height() - jQuery('#cboxLoadedContent').height();
     295                                                        container_offset = jQuery('#image-container').offset().top-jQuery('#cboxContent').offset().top;
     296                                                        jQuery('#cboxLoadedContent').unbind('scroll').scroll(function() {
    296297                                                                var limite_image = boxoffset.top;
    297                                                                 var limite_bas = $('#cboxContent .boutons').last().offset().top-$('#cboxContent .boutons').last().outerHeight();
    298                                                                 var pos_bas = $('#image-container').offset().top+$('#image-container').height();
    299                                                                 if(($('#cboxLoadedContent').scrollTop() >= container_offset) && ($('#cboxLoadedContent').scrollTop()+$('#image-container').offset().top < limite_bas)){
    300                                                                         var margintop = $('#cboxLoadedContent').scrollTop() - container_offset+(boxmargins/2);
    301                                                                         $('#image-container').addClass("image_flottant").animate({"margin-top": margintop+"px"},'fast','',function(){
    302                                                                                 if(typeof(ias) == 'object'){
     298                                                                var limite_bas = jQuery('#cboxContent .boutons').last().offset().top-jQuery('#cboxContent .boutons').last().outerHeight();
     299                                                                var pos_bas = jQuery('#image-container').offset().top+jQuery('#image-container').height();
     300                                                                if((jQuery('#cboxLoadedContent').scrollTop() >= container_offset) && (jQuery('#cboxLoadedContent').scrollTop()+jQuery('#image-container').offset().top < limite_bas)){
     301                                                                        var margintop = jQuery('#cboxLoadedContent').scrollTop() - container_offset+(boxmargins);
     302                                                                        jQuery('#image-container').addClass("image_flottant").animate({"margin-top": margintop+"px"},'fast','',function(){
     303                                                                                if(typeof(ias) == 'object')
    303304                                                                                        ias.update();
    304                                                                                 }       
    305305                                                                        });
    306306                                                                }
    307                                                                 else if($('#image-container').hasClass("image_flottant") && ($('#cboxLoadedContent').scrollTop() < container_offset)){
    308                                                                         $('#image-container').removeClass("image_flottant").animate({"margin-top": "0px", "width": "auto"},'fast','',function(){
    309                                                                                 if(typeof(ias) == 'object'){
     307                                                                else if(jQuery('#image-container').hasClass("image_flottant") && (jQuery('#cboxLoadedContent').scrollTop() < container_offset)){
     308                                                                        jQuery('#image-container').removeClass("image_flottant").animate({"margin-top": "0px", "width": "auto"},'fast','',function(){
     309                                                                                if(typeof(ias) == 'object')
    310310                                                                                        ias.update();
    311                                                                                 }
    312311                                                                        });
    313312                                                                }
    314313                                                        });
     314                                                        if(cbox_complete && jQuery('#modifier_image').width() != 0){
     315                                                                if(cbox_complete && jQuery('#modifier_image img').width() > jQuery('#modifier_image').width()){
     316                                                                        jQuery('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
     317                                                                }
     318                                                        }
     319                                                        if(cbox_complete)
     320                                                                cbox_complete = false;
    315321                                                }
    316322                                                /**
    317323                                                 * On initialise les js de la box qui si la box est complete
    318324                                                 */
    319                                                 if($('#cboxLoadedContent').html() == ''){
    320                                                         $(document).bind('cbox_complete', function(){
    321                                                                 init_box();
     325                                                if(jQuery('#cboxLoadedContent').size() > 0){
     326                                                        init_box(false)
     327                                                        jQuery(document).unbind('cbox_complete').bind('cbox_complete', function(){
     328                                                                init_box(true);
    322329                                                        });
    323330                                                }else{
    324                                                         init_box();
     331                                                        jQuery(document).unbind('cbox_complete').bind('cbox_complete', function(){
     332                                                                init_box(true);
     333                                                        });
     334                                                        init_box(false);
    325335                                                }
    326                                                 if($('#modifier_image').width() != 0){
    327                                                         if($('#modifier_image img').width() > $('#modifier_image').width()){
    328                                                                 $('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    329                                                         }
     336                                        }
     337                                        else{
     338                                                if(jQuery('#modifier_image img').width() > jQuery('#modifier_image').width()){
     339                                                        jQuery('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    330340                                                }
    331                                         }else{
    332                                                 if($('#modifier_image img').width() > $('#modifier_image').width()){
    333                                                         $('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    334                                                 }
    335                                                 ratio = largeur/parseFloat($('#image-container img').width());
    336                                                 $('input[type=number],input.nombre').spinner().parents('li').addClass('has_spinner');
     341                                                ratio = largeur/parseFloat(jQuery('#image-container img').width());
     342                                                jQuery('input[type=number],input.nombre').spinner().parents('li').addClass('has_spinner');
    337343                                                jQuery('.cache').hide();
    338344                                        }
    339                                         if(typeof($.fn.scrollTo) == 'function'){
    340                                                 $('input[type=submit]').click(function(){
    341                                                         $('#cboxLoadedContent').scrollTo( { top: 0, left:'0' });
     345                                        if(typeof(jQuery.fn.scrollTo) == 'function'){
     346                                                jQuery('input[type=submit]').click(function(){
     347                                                        jQuery('#cboxLoadedContent').scrollTo( { top: 0, left:'0' });
    342348                                                });
    343349                                        }
     
    356362                                                        jQuery(".visible").slideUp().removeClass('visible');
    357363                                                        jQuery(this).parent().find('.cache').slideDown('fast',function(){
    358                                                                 jQuery(this).find('input[type=number],input.nombre').spinner().parents('li').addClass('has_spinner');
     364                                                                jQuery(this).find('input[type=number],input.nombre').spinner('destroy').spinner().parents('li').addClass('has_spinner');
    359365                                                                jQuery(this).addClass('visible');
    360366                                                        });
    361                                                         if(jQuery(this).attr('id') == 'image_recadre'){
     367                                                        if(jQuery(this).attr('id') == 'image_recadre')
    362368                                                                image_crop();
    363                                                         }
    364                                                         else{   
     369                                                        else
    365370                                                                image_crop_close();
    366                                                         }
    367371                                                }
    368372                                        });
     
    375379                                                h = jQuery('#recadre_height');
    376380                                               
    377                                                 if(jQuery('#image_recadre').is(':checked')){
     381                                                if(jQuery('#image_recadre').is(':checked'))
    378382                                                        image_crop();
    379                                                 }
    380383                                               
    381384                                                jQuery('#recadre_width,#recadre_height,#recadre_x1,#recadre_y1,#recadre_x2,#recadre_y2').change(function(){
    382385                                                        if(typeof(ias) == 'object'){
    383386                                                                var ias_selection = ias.getSelection();
    384                                                                 var ratio_selected = $('input[name=ratio]:checked').val();
    385                                                                 if($(this).is('#recadre_width')){
    386                                                                         if($(this).val() <= largeur){
    387                                                                                 var width_ratio = parseInt(parseInt($(this).val())/ratio);
     387                                                                var ratio_selected = jQuery('input[name=ratio]:checked').val();
     388                                                                if(jQuery(this).is('#recadre_width')){
     389                                                                        if(jQuery(this).val() <= largeur){
     390                                                                                var width_ratio = parseInt(parseInt(jQuery(this).val())/ratio);
    388391                                                                                ias_selection.x2 = parseInt(ias_selection.x1)+width_ratio;
    389                                                                                 var height_new = $('#resize_height').val();
     392                                                                                var height_new = jQuery('#resize_height').val();
    390393                                                                                /**
    391394                                                                                 * Faire attention aux ratios
     
    396399                                                                                         * largeur = hauteur
    397400                                                                                         */
    398                                                                                         height_new = parseInt($(this).val());
    399                                                                                         $('#recadre_height').val(height_new);
     401                                                                                        height_new = parseInt(jQuery(this).val());
     402                                                                                        jQuery('#recadre_height').val(height_new);
    400403                                                                                        ias_selection.y2 = parseInt(ias_selection.y1)+width_ratio;
    401404                                                                                }else if(ratio_selected == '4:3'){
     
    404407                                                                                         * largeur = hauteur
    405408                                                                                         */
    406                                                                                         height_new = parseInt((parseInt($(this).val())*3)/4);
    407                                                                                         $('#recadre_height').val(height_new);
     409                                                                                        height_new = parseInt((parseInt(jQuery(this).val())*3)/4);
     410                                                                                        jQuery('#recadre_height').val(height_new);
    408411                                                                                        var height_ratio = parseInt((width_ratio*3)/4);
    409412                                                                                        ias_selection.y2 = parseInt(ias_selection.y1)+height_ratio;
     
    413416                                                                                         * largeur = hauteur
    414417                                                                                         */
    415                                                                                         height_new = parseInt(($(this).val()*9)/16);
    416                                                                                         $('#recadre_height').val(height_new);
     418                                                                                        height_new = parseInt((jQuery(this).val()*9)/16);
     419                                                                                        jQuery('#recadre_height').val(height_new);
    417420                                                                                        var height_ratio = parseInt((width_ratio*9)/16);
    418421                                                                                        ias_selection.y2 = parseInt(ias_selection.y1)+height_ratio;
     
    424427                                                                                         * Sinon on ne fait rien car on ne peut augmenter la taille
    425428                                                                                         */
    426                                                                                         if((parseInt($('#recadre_x1').val())+parseInt($(this).val())) > parseInt(largeur)){
     429                                                                                        if((parseInt(jQuery('#recadre_x1').val())+parseInt(jQuery(this).val())) > parseInt(largeur)){
    427430                                                                                                /**
    428431                                                                                                 * Là on doit déplacer x2 à fond et x1 un petit peu
    429432                                                                                                 * sinon x2 se retrouverait hors zone
    430433                                                                                                 */
    431                                                                                                 $('#recadre_x2').val(largeur);
     434                                                                                                jQuery('#recadre_x2').val(largeur);
    432435                                                                                                ias_selection.x2 = parseInt(largeur/ratio);
    433                                                                                                 $('#recadre_x1').val(largeur-parseInt($(this).val()));
    434                                                                                                 ias_selection.x1 = (parseInt(largeur)-parseInt($(this).val()))/ratio;
     436                                                                                                jQuery('#recadre_x1').val(largeur-parseInt(jQuery(this).val()));
     437                                                                                                ias_selection.x1 = (parseInt(largeur)-parseInt(jQuery(this).val()))/ratio;
    435438                                                                                        }else{
    436439                                                                                                /**
    437440                                                                                                 * Là on doit déplacer seulement x2
    438441                                                                                                 */
    439                                                                                                 var width = (parseInt($('#recadre_x1').val())+parseInt($(this).val()));
    440                                                                                                 $('#recadre_x2').val(width);
     442                                                                                                var width = (parseInt(jQuery('#recadre_x1').val())+parseInt(jQuery(this).val()));
     443                                                                                                jQuery('#recadre_x2').val(width);
    441444                                                                                        }
    442445                                                                                        if(ratio_selected != ''){
    443                                                                                                 if((parseInt($('#recadre_y1').val())+height_new) > parseInt(hauteur)){
     446                                                                                                if((parseInt(jQuery('#recadre_y1').val())+height_new) > parseInt(hauteur)){
    444447                                                                                                        /**
    445448                                                                                                         * Là on doit déplacer y2 à fond et y1 un petit peu
    446449                                                                                                         * sinon y2 se retrouverait hors zone
    447450                                                                                                         */
    448                                                                                                         $('#recadre_y2').val(hauteur);
     451                                                                                                        jQuery('#recadre_y2').val(hauteur);
    449452                                                                                                        ias_selection.y2 = parseInt(hauteur/ratio);
    450                                                                                                         $('#recadre_y1').val(hauteur-height_new);
     453                                                                                                        jQuery('#recadre_y1').val(hauteur-height_new);
    451454                                                                                                        ias_selection.y1 = (parseInt(hauteur)-parseInt(height_new))/ratio;
    452455                                                                                                }else{
     
    454457                                                                                                         * Là on doit déplacer seulement y2
    455458                                                                                                         */
    456                                                                                                         var height = (parseInt($('#recadre_y1').val())+parseInt(height_new));
    457                                                                                                         $('#recadre_y2').val(height);
     459                                                                                                        var height = (parseInt(jQuery('#recadre_y1').val())+parseInt(height_new));
     460                                                                                                        jQuery('#recadre_y2').val(height);
    458461                                                                                                }
    459462                                                                                        }
     
    463466                                                                                 * On occuper toute la largeur
    464467                                                                                 */
    465                                                                                 $(this).val(largeur);
     468                                                                                jQuery(this).val(largeur);
    466469                                                                                ias_selection.x1 = 0;
    467                                                                                 $('#recadre_x1').val(0);
     470                                                                                jQuery('#recadre_x1').val(0);
    468471                                                                                ias_selection.x2 = parseInt(largeur/ratio);
    469                                                                                 $('#recadre_x2').val(largeur);
     472                                                                                jQuery('#recadre_x2').val(largeur);
    470473                                                                        }
    471474                                                                }
    472                                                                 else if($(this).is('#recadre_height')){
    473                                                                         if($(this).val() < hauteur){
    474                                                                                 var height_ratio = parseInt(parseInt($(this).val())/ratio);
     475                                                                else if(jQuery(this).is('#recadre_height')){
     476                                                                        if(jQuery(this).val() < hauteur){
     477                                                                                var height_ratio = parseInt(parseInt(jQuery(this).val())/ratio);
    475478                                                                                ias_selection.y2 = parseInt(ias_selection.y1)+height_ratio;
    476                                                                                 var width_new = $('#resize_width').val();
     479                                                                                var width_new = jQuery('#resize_width').val();
    477480                                                                                /**
    478481                                                                                 * Faire attention aux ratios
     
    483486                                                                                         * largeur = hauteur
    484487                                                                                         */
    485                                                                                         width_new = parseInt($(this).val());
    486                                                                                         $('#recadre_width').val(width_new);
     488                                                                                        width_new = parseInt(jQuery(this).val());
     489                                                                                        jQuery('#recadre_width').val(width_new);
    487490                                                                                        ias_selection.x2 = parseInt(ias_selection.x1)+height_ratio;
    488491                                                                                }else if(ratio_selected == '4:3'){
     
    491494                                                                                         * largeur = hauteur
    492495                                                                                         */
    493                                                                                         width_new = parseInt((parseInt($(this).val())*4)/3);
    494                                                                                         $('#recadre_width').val(width_new);
     496                                                                                        width_new = parseInt((parseInt(jQuery(this).val())*4)/3);
     497                                                                                        jQuery('#recadre_width').val(width_new);
    495498                                                                                        var width_ratio = parseInt((height_ratio*4)/3);
    496499                                                                                        ias_selection.x2 = parseInt(ias_selection.x1)+width_ratio;
     
    500503                                                                                         * largeur = hauteur
    501504                                                                                         */
    502                                                                                         width_new = parseInt(($(this).val()*16)/9);
    503                                                                                         $('#recadre_width').val(width_new);
     505                                                                                        width_new = parseInt((jQuery(this).val()*16)/9);
     506                                                                                        jQuery('#recadre_width').val(width_new);
    504507                                                                                        var width_ratio = parseInt((height_ratio*16)/9);
    505508                                                                                        ias_selection.x2 = parseInt(ias_selection.x1)+width_ratio;
    506509                                                                                }
    507510                                                                                if(width_new <= largeur){
    508                                                                                         if(parseInt($('#recadre_y2').val()) >= parseInt(hauteur)){
     511                                                                                        if(parseInt(jQuery('#recadre_y2').val()) >= parseInt(hauteur)){
    509512                                                                                                /**
    510513                                                                                                 * Là on doit déplacer y2 à fond et y1 un petit peu
    511514                                                                                                 * sinon y2 se retrouverait hors zone
    512515                                                                                                 */
    513                                                                                                 $('#recadre_y2').val(hauteur);
     516                                                                                                jQuery('#recadre_y2').val(hauteur);
    514517                                                                                                ias_selection.y2 = parseInt(hauteur/ratio);
    515                                                                                                 $('#recadre_y1').val(hauteur-parseInt($(this).val()));
    516                                                                                                 ias_selection.y1 = (parseInt(hauteur)-parseInt($(this).val()))/ratio;
     518                                                                                                jQuery('#recadre_y1').val(hauteur-parseInt(jQuery(this).val()));
     519                                                                                                ias_selection.y1 = (parseInt(hauteur)-parseInt(jQuery(this).val()))/ratio;
    517520                                                                                        }else{
    518521                                                                                                /**
    519522                                                                                                 * Là on doit déplacer seulement y2
    520523                                                                                                 */
    521                                                                                                 var height = (parseInt($('#recadre_y1').val())+parseInt($(this).val()));
    522                                                                                                 $('#recadre_y2').val(height);
     524                                                                                                var height = (parseInt(jQuery('#recadre_y1').val())+parseInt(jQuery(this).val()));
     525                                                                                                jQuery('#recadre_y2').val(height);
    523526                                                                                        }
    524527                                                                                        if(ratio_selected != ''){
    525                                                                                                 if((parseInt($('#recadre_x1').val())+width_new) > parseInt(largeur)){
     528                                                                                                if((parseInt(jQuery('#recadre_x1').val())+width_new) > parseInt(largeur)){
    526529                                                                                                        /**
    527530                                                                                                         * Là on doit déplacer x2 à fond et x1 un petit peu
    528531                                                                                                         * sinon x2 se retrouverait hors zone
    529532                                                                                                         */
    530                                                                                                         $('#recadre_x2').val(largeur);
     533                                                                                                        jQuery('#recadre_x2').val(largeur);
    531534                                                                                                        ias_selection.x2 = parseInt(largeur/ratio);
    532                                                                                                         $('#recadre_x1').val(largeur-width_new);
     535                                                                                                        jQuery('#recadre_x1').val(largeur-width_new);
    533536                                                                                                        ias_selection.x1 = (parseInt(largeur)-parseInt(width_new))/ratio;
    534537                                                                                                }else{
     
    536539                                                                                                         * Là on doit déplacer seulement x2
    537540                                                                                                         */
    538                                                                                                         var width = (parseInt($('#recadre_x1').val())+parseInt(width_new));
    539                                                                                                         $('#recadre_x2').val(width);
     541                                                                                                        var width = (parseInt(jQuery('#recadre_x1').val())+parseInt(width_new));
     542                                                                                                        jQuery('#recadre_x2').val(width);
    540543                                                                                                }
    541544                                                                                        }
     
    545548                                                                                 * On occuper toute la hauteur
    546549                                                                                 */
    547                                                                                 $(this).val(hauteur);
     550                                                                                jQuery(this).val(hauteur);
    548551                                                                                ias_selection.y1 = 0;
    549                                                                                 $('#recadre_y1').val(0);
     552                                                                                jQuery('#recadre_y1').val(0);
    550553                                                                                ias_selection.y2 = parseInt(hauteur/ratio);
    551                                                                                 $('#recadre_y2').val(hauteur);
     554                                                                                jQuery('#recadre_y2').val(hauteur);
    552555                                                                        }
    553556                                                                }
    554557                                                                else{
    555                                                                         var largeur_image = parseFloat($('#image-container img').width());
    556                                                                         var width = parseInt($('#recadre_width').val());
    557                                                                         var height = parseInt($('#recadre_height').val());
    558                                                                         if($(this).is('#recadre_x1')){
    559                                                                                 var width_left = parseInt($(this).val()) + parseInt(width);
     558                                                                        var largeur_image = parseFloat(jQuery('#image-container img').width());
     559                                                                        var width = parseInt(jQuery('#recadre_width').val());
     560                                                                        var height = parseInt(jQuery('#recadre_height').val());
     561                                                                        if(jQuery(this).is('#recadre_x1')){
     562                                                                                var width_left = parseInt(jQuery(this).val()) + parseInt(width);
    560563                                                                                if(width_left >= largeur){
    561                                                                                         $('#recadre_x2').val(largeur);
     564                                                                                        jQuery('#recadre_x2').val(largeur);
    562565                                                                                        ias_selection.x2 = parseInt(largeur)/ratio;
    563                                                                                         $('#recadre_x1').val(largeur-width);
     566                                                                                        jQuery('#recadre_x1').val(largeur-width);
    564567                                                                                        ias_selection.x1 = parseInt(ias_selection.x2)-parseInt(width/ratio);
    565568                                                                                }else{
    566                                                                                         var x1_ratio = (parseInt($(this).val())/ratio);
     569                                                                                        var x1_ratio = (parseInt(jQuery(this).val())/ratio);
    567570                                                                                        ias_selection.x1 = x1_ratio;
    568571                                                                                        ias_selection.x2 = parseInt(x1_ratio)+parseInt(width/ratio);
    569                                                                                         $('#recadre_x2').val(parseInt($(this).val())+width);
     572                                                                                        jQuery('#recadre_x2').val(parseInt(jQuery(this).val())+width);
    570573                                                                                }
    571574                                                                        }
    572                                                                         else if($(this).is('#recadre_y1')){
    573                                                                                 var height_top = parseInt($(this).val()) + parseInt(height);
     575                                                                        else if(jQuery(this).is('#recadre_y1')){
     576                                                                                var height_top = parseInt(jQuery(this).val()) + parseInt(height);
    574577                                                                                if(height_top >= hauteur){
    575                                                                                         $('#recadre_y2').val(hauteur);
     578                                                                                        jQuery('#recadre_y2').val(hauteur);
    576579                                                                                        ias_selection.y2 = parseInt(hauteur)/ratio;
    577                                                                                         $('#recadre_y1').val(hauteur-width);
     580                                                                                        jQuery('#recadre_y1').val(hauteur-width);
    578581                                                                                        ias_selection.y1 = parseInt(ias_selection.y2)-parseInt(height/ratio);
    579582                                                                                }else{
    580                                                                                         var y1_ratio = (parseInt($(this).val())/ratio);
     583                                                                                        var y1_ratio = (parseInt(jQuery(this).val())/ratio);
    581584                                                                                        ias_selection.y1 = y1_ratio;
    582585                                                                                        ias_selection.y2 = y1_ratio+parseInt(height/ratio);
    583                                                                                         $('#recadre_y2').val(parseInt($(this).val())+height);
     586                                                                                        jQuery('#recadre_y2').val(parseInt(jQuery(this).val())+height);
    584587                                                                                }
    585588                                                                        }
    586                                                                         else if($(this).is('#recadre_x2')){
    587                                                                                 var x2_ratio = (parseFloat($(this).val())/ratio).toFixed(0);
     589                                                                        else if(jQuery(this).is('#recadre_x2')){
     590                                                                                var x2_ratio = (parseFloat(jQuery(this).val())/ratio).toFixed(0);
    588591                                                                                ias_selection.x2 = parseInt(x2_ratio);
    589592                                                                        }
    590                                                                         else if($(this).is('#recadre_y2')){
    591                                                                                 var y2_ratio = (parseFloat($(this).val())/ratio).toFixed(0);
     593                                                                        else if(jQuery(this).is('#recadre_y2')){
     594                                                                                var y2_ratio = (parseFloat(jQuery(this).val())/ratio).toFixed(0);
    592595                                                                                ias_selection.y2 = parseInt(y2_ratio);
    593596                                                                        }
     
    614617                                                                        var largeur_image = #LARGEUR;
    615618                                                                        var hauteur_image = #HAUTEUR;
    616                                                                         var largeur_actuelle = (parseInt($('#recadre_x2').val()) - parseInt($('#recadre_x1').val()));
    617                                                                         var hauteur_actuelle = (parseInt($('#recadre_y2').val()) - parseInt($('#recadre_y1').val()));
     619                                                                        var largeur_actuelle = (parseInt(jQuery('#recadre_x2').val()) - parseInt(jQuery('#recadre_x1').val()));
     620                                                                        var hauteur_actuelle = (parseInt(jQuery('#recadre_y2').val()) - parseInt(jQuery('#recadre_y1').val()));
    618621                                                                        var largeur_cadre = (ias_selection.x2 - ias_selection.x1);
    619622                                                                        var hauteur_cadre = (ias_selection.y2 - ias_selection.y1);
     
    624627                                                                                         * On transforme la hauteur en largeur
    625628                                                                                         */
    626                                                                                         if((parseInt($('#recadre_y1').val()) + largeur_actuelle) > hauteur_image){
     629                                                                                        if((parseInt(jQuery('#recadre_y1').val()) + largeur_actuelle) > hauteur_image){
    627630                                                                                                /**
    628631                                                                                                 * On va devoir remonter l'image pour qu'elle rentre dans le cadre
     
    630633                                                                                                var y1 = hauteur_image - largeur_actuelle;
    631634                                                                                                var y2 = hauteur_image;
    632                                                                                                 $('#recadre_y1').val(y1)
    633                                                                                                 $('#recadre_y2').val(y2);
    634                                                                                                 ias_selection.y2 = $('#image_modifier img').height();
     635                                                                                                jQuery('#recadre_y1').val(y1)
     636                                                                                                jQuery('#recadre_y2').val(y2);
     637                                                                                                ias_selection.y2 = jQuery('#image_modifier img').height();
    635638                                                                                                ias_selection.y1 = ias_selection.y2-largeur_cadre;
    636639                                                                                        }else{
     
    638641                                                                                                 * L'image reste en place, on change les dimensions seulement
    639642                                                                                                 */
    640                                                                                                 var y2 = parseInt($('#recadre_y1').val()) + largeur_actuelle;
    641                                                                                                 $('#recadre_y2').val(y2);
     643                                                                                                var y2 = parseInt(jQuery('#recadre_y1').val()) + largeur_actuelle;
     644                                                                                                jQuery('#recadre_y2').val(y2);
    642645                                                                                                ias_selection.y2 = parseInt(ias_selection.y1)+largeur_cadre;
    643646                                                                                        }
    644                                                                                         $('#recadre_height').val($('#recadre_width').val());
     647                                                                                        jQuery('#recadre_height').val(jQuery('#recadre_width').val());
    645648                                                                                }else{
    646649                                                                                        /**
    647650                                                                                         * On transforme la largeur en hauteur
    648651                                                                                         */
    649                                                                                         if((parseInt($('#recadre_x1').val()) + hauteur_actuelle) > largeur_image){
     652                                                                                        if((parseInt(jQuery('#recadre_x1').val()) + hauteur_actuelle) > largeur_image){
    650653                                                                                                /**
    651654                                                                                                 * On va devoir déplacer l'image
     
    654657                                                                                                var x1 = largeur_image - hauteur_actuelle;
    655658                                                                                                var x2 = largeur_image;
    656                                                                                                 $('#recadre_x1').val(x1)
    657                                                                                                 $('#recadre_x2').val(x2);
    658                                                                                                 ias_selection.x2 = $('#image_modifier img').width();
     659                                                                                                jQuery('#recadre_x1').val(x1)
     660                                                                                                jQuery('#recadre_x2').val(x2);
     661                                                                                                ias_selection.x2 = jQuery('#image_modifier img').width();
    659662                                                                                                ias_selection.x1 = ias_selection.x2-hauteur_cadre;
    660663                                                                                        }else{
     
    662665                                                                                                 * L'image reste en place, on change les dimensions seulement
    663666                                                                                                 */
    664                                                                                                 var x2 = parseInt($('#recadre_x1').val()) + hauteur_actuelle;
    665                                                                                                 $('#recadre_x2').val(x2);
     667                                                                                                var x2 = parseInt(jQuery('#recadre_x1').val()) + hauteur_actuelle;
     668                                                                                                jQuery('#recadre_x2').val(x2);
    666669                                                                                                ias_selection.x2 = parseInt(ias_selection.x1)+hauteur_cadre;
    667670                                                                                        }
    668                                                                                         $('#recadre_width').val($('#recadre_height').val());
     671                                                                                        jQuery('#recadre_width').val(jQuery('#recadre_height').val());
    669672                                                                                }
    670673                                                                        }
     
    691694                                                                                                var y1 = hauteur_image - hauteur_ratio.toFixed(0);
    692695                                                                                                var y2 = hauteur_image.toFixed(0);
    693                                                                                                 $('#recadre_y1').val(y1)
    694                                                                                                 $('#recadre_y2').val(y2);
    695                                                                                                 ias_selection.y2 = $('#image_modifier img').height();
     696                                                                                                jQuery('#recadre_y1').val(y1)
     697                                                                                                jQuery('#recadre_y2').val(y2);
     698                                                                                                ias_selection.y2 = jQuery('#image_modifier img').height();
    696699                                                                                                ias_selection.y1 = (ias_selection.y2-hauteur_cadre_ratio).toFixed(0);
    697700                                                                                        }else{
     
    699702                                                                                                 * L'image reste en place, on change les dimensions seulement
    700703                                                                                                 */
    701                                                                                                 var y2 = (parseInt($('#recadre_y1').val()) + hauteur_ratio).toFixed(0);
    702                                                                                                 $('#recadre_y2').val(y2);
     704                                                                                                var y2 = (parseInt(jQuery('#recadre_y1').val()) + hauteur_ratio).toFixed(0);
     705                                                                                                jQuery('#recadre_y2').val(y2);
    703706                                                                                                ias_selection.y2 = (parseInt(ias_selection.y1)+hauteur_cadre_ratio).toFixed(0);
    704707                                                                                        }
    705                                                                                         $('#recadre_height').val(((parseInt($('#recadre_width').val())*ratio_h)/ratio_l).toFixed(0));
     708                                                                                        jQuery('#recadre_height').val(((parseInt(jQuery('#recadre_width').val())*ratio_h)/ratio_l).toFixed(0));
    706709                                                                                }else{
    707710                                                                                        /**
    708711                                                                                         * On transforme la largeur car la hauteur sera trop grande
    709712                                                                                         */
    710                                                                                         if((parseInt($('#recadre_x1').val()) + hauteur_ratio) > largeur_image){
     713                                                                                        if((parseInt(jQuery('#recadre_x1').val()) + hauteur_ratio) > largeur_image){
    711714                                                                                                /**
    712715                                                                                                 * On va devoir déplacer l'image
     
    715718                                                                                                var x1 = largeur_image - hauteur_ratio;
    716719                                                                                                var x2 = largeur_image;
    717                                                                                                 $('#recadre_x1').val(x1)
    718                                                                                                 $('#recadre_x2').val(x2);
    719                                                                                                 ias_selection.x2 = $('#image_modifier img').width();
     720                                                                                                jQuery('#recadre_x1').val(x1)
     721                                                                                                jQuery('#recadre_x2').val(x2);
     722                                                                                                ias_selection.x2 = jQuery('#image_modifier img').width();
    720723                                                                                                ias_selection.x1 = (ias_selection.x2-hauteur_cadre_ratio).toFixed(0);
    721724                                                                                        }else{
     
    723726                                                                                                 * L'image reste en place, on change les dimensions seulement
    724727                                                                                                 */
    725                                                                                                 var x2 = parseInt($('#recadre_x1').val()) + hauteur_ratio;
    726                                                                                                 $('#recadre_x2').val(x2);
     728                                                                                                var x2 = parseInt(jQuery('#recadre_x1').val()) + hauteur_ratio;
     729                                                                                                jQuery('#recadre_x2').val(x2);
    727730                                                                                                ias_selection.x2 = (parseInt(ias_selection.x1)+hauteur_cadre_ratio).toFixed(0);
    728731                                                                                        }
    729                                                                                         $('#recadre_width').val(((parseInt($('#recadre_width').val())*ratio_l)/ratio_h).toFixed(0));
     732                                                                                        jQuery('#recadre_width').val(((parseInt(jQuery('#recadre_width').val())*ratio_l)/ratio_h).toFixed(0));
    730733                                                                                }
    731734                                                                        }
     
    734737                                                                }
    735738                                                                else{
    736                                                                         ias.setOptions({aspectRatio: ''});
     739                                                                        ias.setOptions({aspectRatio:''});
    737740                                                                }
    738741                                                        }
  • _plugins_/photospip/branches/v1/plugin.xml

    r62171 r62179  
    44_ © 2008-2012 - Distribué sous licence GNU/GPL
    55        </auteur>
    6         <version>0.4.8</version>
     6        <version>0.4.9</version>
    77        <version_base>0.5</version_base>
    88        <prefix>photospip</prefix>
  • _plugins_/photospip/trunk/formulaires/editer_image.html

    r62172 r62179  
    3737                                <div id="image_modifier" class="spip_documents spip_documents_center">
    3838                                        [(#ENV{erreurs}|table_valeur{filtre}|oui)
    39                                         [(#_document:FICHIER|photospip_appliquer_filtre{[(#ENV{erreurs}|table_valeur{filtre})],[(#ENV{erreurs}|table_valeur{param1})],[(#ENV{erreurs}|table_valeur{param2})],[(#ENV{erreurs}|table_valeur{param3})],[(#ENV{erreurs}|table_valeur{param})]}|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '})]]
     39                                        [(#_document:FICHIER|photospip_appliquer_filtre{[(#ENV{erreurs}|table_valeur{filtre})],[(#ENV{erreurs}|table_valeur{param1})],[(#ENV{erreurs}|table_valeur{param2})],[(#ENV{erreurs}|table_valeur{param3})],[(#ENV{erreurs}|table_valeur{param})]}|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '}|inserer_attribut{width,''}|inserer_attribut{height,''})]]
    4040                                        [(#ENV{erreurs}|table_valeur{filtre}|non)
    41                                         [(#_document:FICHIER|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '})]]
     41                                        [(#_document:FICHIER|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '}|inserer_attribut{width,''}|inserer_attribut{height,''})]]
    4242                                </div>
    4343                        </div>
     
    160160
    161161                                var image_crop = function(){
    162                                         if(typeof(ias) == 'object'){
     162                                        if(typeof(ias) == 'object')
    163163                                                image_crop_close();
    164                                         }
    165164
    166165                                        ias = jQuery('#image_modifier img').imgAreaSelect(
     
    195194                        ]
    196195                        var activatesliders = function(){
    197                                 if(typeof($.fn.slider) == 'function'){
     196                                if(typeof(jQuery.fn.slider) == 'function'){
    198197                                        if(jQuery('#sliderrotation').size() > 0){
    199198                                                var slider_image_rotation = jQuery('#sliderrotation').slider({
     
    205204                                                        }
    206205                                                });
    207                                                 $("#param_image_rotation").change(function() {
    208                                                         var val = parseInt($(this).val());
     206                                                jQuery("#param_image_rotation").change(function() {
     207                                                        var val = parseInt(jQuery(this).val());
    209208                                                        slider_image_rotation.slider("value", val);
    210209                                                });
     
    219218                                                        }
    220219                                                });
    221                                                 $("#param_image_gamma").change(function() {
    222                                                         var val = parseInt($(this).val());
     220                                                jQuery("#param_image_gamma").change(function() {
     221                                                        var val = parseInt(jQuery(this).val());
    223222                                                        slider_image_gamma.slider("value", val);
    224223                                                });
     
    233232                                                        }
    234233                                                });
    235                                                 $("#param_image_flou").change(function() {
    236                                                         var val = parseInt($(this).val());
     234                                                jQuery("#param_image_flou").change(function() {
     235                                                        var val = parseInt(jQuery(this).val());
    237236                                                        slider_image_flou.slider("value", val);
    238237                                                });
     
    252251                                                        }
    253252                                                });
    254                                                 $("#reduire_width").change(function() {
    255                                                         var val = (parseInt($(this).val())/parseInt(#LARGEUR))*100;
     253                                                jQuery("#reduire_width").change(function() {
     254                                                        var val = (parseInt(jQuery(this).val())/parseInt(#LARGEUR))*100;
    256255                                                        slider_image_reduire.slider("value", val);
    257256                                                        var height = ((parseInt(#HAUTEUR)*val)/100).toFixed(0);
    258                                                         $("#reduire_height").val(height);
    259                                                 });
    260                                                 $("#reduire_height").change(function() {
    261                                                         var val = (parseInt($(this).val())/parseInt(#HAUTEUR))*100;
     257                                                        jQuery("#reduire_height").val(height);
     258                                                });
     259                                                jQuery("#reduire_height").change(function() {
     260                                                        var val = (parseInt(jQuery(this).val())/parseInt(#HAUTEUR))*100;
    262261                                                        slider_image_reduire.slider("value", val);
    263262                                                        var height = ((parseInt(#LARGEUR)*val)/100).toFixed(0);
    264                                                         $("#reduire_width").val(height);
     263                                                        jQuery("#reduire_width").val(height);
    265264                                                });
    266265                                        }
    267266                                }
    268267                        }
     268
    269269                        if(typeof($) == 'function' && typeof(jQuery) == 'function'){
    270270                                jQuery(document).ready(function() {
    271271                                        var cbox = '[(#EVAL{_AJAX}|?{oui,non})]';
    272                                        
     272
    273273                                        /**
    274274                                         * Cas où l'on se trouve dans une mediabox
    275275                                         */
    276                                         var container_offset = $('#image-container').offset().top-$('#cboxLoadedContent').offset().top;
    277                                         if((cbox == 'oui') || ($('#image-container').parents('#cboxLoadedContent').size()>0)){
     276                                        if((cbox == 'oui') || (jQuery('#image-container').parents('#cboxLoadedContent').size()>0)){
     277                                                var cbox_complete = false;
     278                                                var container_offset = jQuery('#image-container').offset().top;
    278279                                                var boxoffset, boxmargins,container_offset;
    279                                                 var init_box = function(){
    280                                                         $('input[type=number],input.nombre').spinner().parents('li').addClass('has_spinner');
    281                                                         if($('#modifier_image img').width() > $('#modifier_image').width()){
    282                                                                 $('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
    283                                                         }
    284                                                         ratio = largeur/parseFloat($('#image-container img').width());
     280                                                var init_box = function(cbox_complete){
     281                                                        jQuery('input[type=number],input.nombre').spinner('destroy').spinner().parents('li').addClass('has_spinner');
     282                                                        if(cbox_complete && jQuery('#modifier_image img').width() > jQuery('#modifier_image').width()){
     283                                                                jQuery('#image-container img').attr('width','').attr('height','').width('100%').height('auto');
     284                                                        }
     285                                                        ratio = largeur/parseFloat(jQuery('#image-container img').width());
    285286                                                        jQuery('.cache').hide();
    286287                                                       
     
    290291                                                         * jusqu'aux boutons au maximum
    291292                                                         */                                                     
    292                                                         boxoffset = $('#cboxLoadedContent').offset();
    293                                                         boxmargins = $('#cboxContent').height() - $('#cboxLoadedContent').height();
    294                                                         container_offset = $('#image-container').offset().top-$('#cboxLoadedContent').offset().top+10;
    295                                                         $('#cboxLoadedContent').unbind('scroll').scroll(function() {
     293                                                        boxoffset = jQuery('#cboxLoadedContent').offset();
     294                                                        boxmargins = jQuery('#cboxContent').height() - jQuery('#cboxLoadedContent').height();
     295                                                        container_offset = jQuery('#image-container').offset().top-jQuery('#cboxContent').offset().top;
     296                                                        jQuery('#cboxLoadedContent').unbind('scroll').scroll(function() {
    296297                                                                var limite_image = boxoffset.top;
    297                                                                 var limite_bas = $('#cboxContent .boutons').last().offset().top-$('#cboxContent .boutons').last().outerHeight();
    298                                                                 var pos_bas = $('#image-container').offset().top+$('#image-container').height();
    299                                                                 if(($('#cboxLoadedContent').scrollTop() >= container_offset) && ($('#cboxLoadedContent').scrollTop()+$('#image-container').offset().top < limite_bas)){
    300                                                                         var margintop = $('#cboxLoadedContent').scrollTop() - container_offset+(boxmargins/2);
    301                                                                         $('#image-container').addClass("image_flottant").animate({"margin-top": margintop+"px"},'fast','',function(){
    302                                                                                 if(typeof(ias) == 'object'){
     298                                                                var limite_bas = jQuery('#cboxContent .boutons').last().offset().top-jQuery('#cboxContent .boutons').last().outerHeight();
     299                                                                var pos_bas = jQuery('#image-container').offset().top+jQuery('#image-container').height();
     300                                                                if((jQuery('#cboxLoadedContent').scrollTop() >= container_offset) && (jQuery('#cboxLoadedContent').scrollTop()+jQuery('#image-container').offset().top < limite_bas)){
     301                                                                        var margintop = jQuery('#cboxLoadedContent').scrollTop() - container_offset+(boxmargins);
     302                                                                        jQuery('#image-container').addClass("image_flottant").animate({"margin-top": margintop+"px"},'fast','',function(){
     303                                                                                if(typeof(ias) == 'object')
    303304                                                                                        ias.update();
    304                                                                                 }       
    305305                                                                        });
    306306                                                                }
    307                                                                 else if($('#image-container').hasClass("image_flottant") && ($('#cboxLoadedContent').scrollTop() < container_offset)){
    308                                                                         $('#image-container').removeClass("image_flottant").animate({"margin-top": "0px", "width": "auto"},'fast','',function(){
    309                                                                                 if(typeof(ias) == 'object'){
     307                                                                else if(jQuery('#image-container').hasClass("image_flottant") && (jQuery('#cboxLoadedContent').scrollTop() < container_offset)){
     308                                                                        jQuery('#image-container').removeClass("image_flottant").animate({"margin-top": "0px", "width": "auto"},'fast','',function(){
     309                                                                                if(typeof(ias) == 'object')
    310310                                                                                        ias.update();
    311                                                                                 }
    312311                                                                        });
    313312                                                                }
    314313                                                        });
     314                                                        if(cbox_complete && jQuery('#modifier_image').width() != 0){
     315                                                                if(cbox_complete && jQuery('#modifier_image img').width() > jQuery('#modifier_image').width()){
     316                                                                        jQuery('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
     317                                                                }
     318                                                        }
     319                                                        if(cbox_complete)
     320                                                                cbox_complete = false;
    315321                                                }
    316322                                                /**
    317323                                                 * On initialise les js de la box qui si la box est complete
    318324                                                 */
    319                                                 if($('#cboxLoadedContent').html() == ''){
    320                                                         $(document).bind('cbox_complete', function(){
    321                                                                 init_box();
     325                                                if(jQuery('#cboxLoadedContent').size() > 0){
     326                                                        init_box(false)
     327                                                        jQuery(document).unbind('cbox_complete').bind('cbox_complete', function(){
     328                                                                init_box(true);
    322329                                                        });
    323330                                                }else{
    324                                                         init_box();
     331                                                        jQuery(document).unbind('cbox_complete').bind('cbox_complete', function(){
     332                                                                init_box(true);
     333                                                        });
     334                                                        init_box(false);
    325335                                                }
    326                                                 if($('#modifier_image').width() != 0){
    327                                                         if($('#modifier_image img').width() > $('#modifier_image').width()){
    328                                                                 $('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    329                                                         }
     336                                        }
     337                                        else{
     338                                                if(jQuery('#modifier_image img').width() > jQuery('#modifier_image').width()){
     339                                                        jQuery('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    330340                                                }
    331                                         }else{
    332                                                 if($('#modifier_image img').width() > $('#modifier_image').width()){
    333                                                         $('#image-container img').attr('width','').attr('height','').animate({"width": "100%", "height": "auto"});
    334                                                 }
    335                                                 ratio = largeur/parseFloat($('#image-container img').width());
    336                                                 $('input[type=number],input.nombre').spinner().parents('li').addClass('has_spinner');
     341                                                ratio = largeur/parseFloat(jQuery('#image-container img').width());
     342                                                jQuery('input[type=number],input.nombre').spinner().parents('li').addClass('has_spinner');
    337343                                                jQuery('.cache').hide();
    338344                                        }
    339                                         if(typeof($.fn.scrollTo) == 'function'){
    340                                                 $('input[type=submit]').click(function(){
    341                                                         $('#cboxLoadedContent').scrollTo( { top: 0, left:'0' });
     345                                        if(typeof(jQuery.fn.scrollTo) == 'function'){
     346                                                jQuery('input[type=submit]').click(function(){
     347                                                        jQuery('#cboxLoadedContent').scrollTo( { top: 0, left:'0' });
    342348                                                });
    343349                                        }
     
    356362                                                        jQuery(".visible").slideUp().removeClass('visible');
    357363                                                        jQuery(this).parent().find('.cache').slideDown('fast',function(){
    358                                                                 jQuery(this).find('input[type=number],input.nombre').spinner().parents('li').addClass('has_spinner');
     364                                                                jQuery(this).find('input[type=number],input.nombre').spinner('destroy').spinner().parents('li').addClass('has_spinner');
    359365                                                                jQuery(this).addClass('visible');
    360366                                                        });
    361                                                         if(jQuery(this).attr('id') == 'image_recadre'){
     367                                                        if(jQuery(this).attr('id') == 'image_recadre')
    362368                                                                image_crop();
    363                                                         }
    364                                                         else{   
     369                                                        else
    365370                                                                image_crop_close();
    366                                                         }
    367371                                                }
    368372                                        });
     
    375379                                                h = jQuery('#recadre_height');
    376380                                               
    377                                                 if(jQuery('#image_recadre').is(':checked')){
     381                                                if(jQuery('#image_recadre').is(':checked'))
    378382                                                        image_crop();
    379                                                 }
    380383                                               
    381384                                                jQuery('#recadre_width,#recadre_height,#recadre_x1,#recadre_y1,#recadre_x2,#recadre_y2').change(function(){
    382385                                                        if(typeof(ias) == 'object'){
    383386                                                                var ias_selection = ias.getSelection();
    384                                                                 var ratio_selected = $('input[name=ratio]:checked').val();
    385                                                                 if($(this).is('#recadre_width')){
    386                                                                         if($(this).val() <= largeur){
    387                                                                                 var width_ratio = parseInt(parseInt($(this).val())/ratio);
     387                                                                var ratio_selected = jQuery('input[name=ratio]:checked').val();
     388                                                                if(jQuery(this).is('#recadre_width')){
     389                                                                        if(jQuery(this).val() <= largeur){
     390                                                                                var width_ratio = parseInt(parseInt(jQuery(this).val())/ratio);
    388391                                                                                ias_selection.x2 = parseInt(ias_selection.x1)+width_ratio;
    389                                                                                 var height_new = $('#resize_height').val();
     392                                                                                var height_new = jQuery('#resize_height').val();
    390393                                                                                /**
    391394                                                                                 * Faire attention aux ratios
     
    396399                                                                                         * largeur = hauteur
    397400                                                                                         */
    398                                                                                         height_new = parseInt($(this).val());
    399                                                                                         $('#recadre_height').val(height_new);
     401                                                                                        height_new = parseInt(jQuery(this).val());
     402                                                                                        jQuery('#recadre_height').val(height_new);
    400403                                                                                        ias_selection.y2 = parseInt(ias_selection.y1)+width_ratio;
    401404                                                                                }else if(ratio_selected == '4:3'){
     
    404407                                                                                         * largeur = hauteur
    405408                                                                                         */
    406                                                                                         height_new = parseInt((parseInt($(this).val())*3)/4);
    407                                                                                         $('#recadre_height').val(height_new);
     409                                                                                        height_new = parseInt((parseInt(jQuery(this).val())*3)/4);
     410                                                                                        jQuery('#recadre_height').val(height_new);
    408411                                                                                        var height_ratio = parseInt((width_ratio*3)/4);
    409412                                                                                        ias_selection.y2 = parseInt(ias_selection.y1)+height_ratio;
     
    413416                                                                                         * largeur = hauteur
    414417                                                                                         */
    415                                                                                         height_new = parseInt(($(this).val()*9)/16);
    416                                                                                         $('#recadre_height').val(height_new);
     418                                                                                        height_new = parseInt((jQuery(this).val()*9)/16);
     419                                                                                        jQuery('#recadre_height').val(height_new);
    417420                                                                                        var height_ratio = parseInt((width_ratio*9)/16);
    418421                                                                                        ias_selection.y2 = parseInt(ias_selection.y1)+height_ratio;
     
    424427                                                                                         * Sinon on ne fait rien car on ne peut augmenter la taille
    425428                                                                                         */
    426                                                                                         if((parseInt($('#recadre_x1').val())+parseInt($(this).val())) > parseInt(largeur)){
     429                                                                                        if((parseInt(jQuery('#recadre_x1').val())+parseInt(jQuery(this).val())) > parseInt(largeur)){
    427430                                                                                                /**
    428431                                                                                                 * Là on doit déplacer x2 à fond et x1 un petit peu
    429432                                                                                                 * sinon x2 se retrouverait hors zone
    430433                                                                                                 */
    431                                                                                                 $('#recadre_x2').val(largeur);
     434                                                                                                jQuery('#recadre_x2').val(largeur);
    432435                                                                                                ias_selection.x2 = parseInt(largeur/ratio);
    433                                                                                                 $('#recadre_x1').val(largeur-parseInt($(this).val()));
    434                                                                                                 ias_selection.x1 = (parseInt(largeur)-parseInt($(this).val()))/ratio;
     436                                                                                                jQuery('#recadre_x1').val(largeur-parseInt(jQuery(this).val()));
     437                                                                                                ias_selection.x1 = (parseInt(largeur)-parseInt(jQuery(this).val()))/ratio;
    435438                                                                                        }else{
    436439                                                                                                /**
    437440                                                                                                 * Là on doit déplacer seulement x2
    438441                                                                                                 */
    439                                                                                                 var width = (parseInt($('#recadre_x1').val())+parseInt($(this).val()));
    440                                                                                                 $('#recadre_x2').val(width);
     442                                                                                                var width = (parseInt(jQuery('#recadre_x1').val())+parseInt(jQuery(this).val()));
     443                                                                                                jQuery('#recadre_x2').val(width);
    441444                                                                                        }
    442445                                                                                        if(ratio_selected != ''){
    443                                                                                                 if((parseInt($('#recadre_y1').val())+height_new) > parseInt(hauteur)){
     446                                                                                                if((parseInt(jQuery('#recadre_y1').val())+height_new) > parseInt(hauteur)){
    444447                                                                                                        /**
    445448                                                                                                         * Là on doit déplacer y2 à fond et y1 un petit peu
    446449                                                                                                         * sinon y2 se retrouverait hors zone
    447450                                                                                                         */
    448                                                                                                         $('#recadre_y2').val(hauteur);
     451                                                                                                        jQuery('#recadre_y2').val(hauteur);
    449452                                                                                                        ias_selection.y2 = parseInt(hauteur/ratio);
    450                                                                                                         $('#recadre_y1').val(hauteur-height_new);
     453                                                                                                        jQuery('#recadre_y1').val(hauteur-height_new);
    451454                                                                                                        ias_selection.y1 = (parseInt(hauteur)-parseInt(height_new))/ratio;
    452455                                                                                                }else{
     
    454457                                                                                                         * Là on doit déplacer seulement y2
    455458                                                                                                         */
    456                                                                                                         var height = (parseInt($('#recadre_y1').val())+parseInt(height_new));
    457                                                                                                         $('#recadre_y2').val(height);
     459                                                                                                        var height = (parseInt(jQuery('#recadre_y1').val())+parseInt(height_new));
     460                                                                                                        jQuery('#recadre_y2').val(height);
    458461                                                                                                }
    459462                                                                                        }
     
    463466                                                                                 * On occuper toute la largeur
    464467                                                                                 */
    465                                                                                 $(this).val(largeur);
     468                                                                                jQuery(this).val(largeur);
    466469                                                                                ias_selection.x1 = 0;
    467                                                                                 $('#recadre_x1').val(0);
     470                                                                                jQuery('#recadre_x1').val(0);
    468471                                                                                ias_selection.x2 = parseInt(largeur/ratio);
    469                                                                                 $('#recadre_x2').val(largeur);
     472                                                                                jQuery('#recadre_x2').val(largeur);
    470473                                                                        }
    471474                                                                }
    472                                                                 else if($(this).is('#recadre_height')){
    473                                                                         if($(this).val() < hauteur){
    474                                                                                 var height_ratio = parseInt(parseInt($(this).val())/ratio);
     475                                                                else if(jQuery(this).is('#recadre_height')){
     476                                                                        if(jQuery(this).val() < hauteur){
     477                                                                                var height_ratio = parseInt(parseInt(jQuery(this).val())/ratio);
    475478                                                                                ias_selection.y2 = parseInt(ias_selection.y1)+height_ratio;
    476                                                                                 var width_new = $('#resize_width').val();
     479                                                                                var width_new = jQuery('#resize_width').val();
    477480                                                                                /**
    478481                                                                                 * Faire attention aux ratios
     
    483486                                                                                         * largeur = hauteur
    484487                                                                                         */
    485                                                                                         width_new = parseInt($(this).val());
    486                                                                                         $('#recadre_width').val(width_new);
     488                                                                                        width_new = parseInt(jQuery(this).val());
     489                                                                                        jQuery('#recadre_width').val(width_new);
    487490                                                                                        ias_selection.x2 = parseInt(ias_selection.x1)+height_ratio;
    488491                                                                                }else if(ratio_selected == '4:3'){
     
    491494                                                                                         * largeur = hauteur
    492495                                                                                         */
    493                                                                                         width_new = parseInt((parseInt($(this).val())*4)/3);
    494                                                                                         $('#recadre_width').val(width_new);
     496                                                                                        width_new = parseInt((parseInt(jQuery(this).val())*4)/3);
     497                                                                                        jQuery('#recadre_width').val(width_new);
    495498                                                                                        var width_ratio = parseInt((height_ratio*4)/3);
    496499                                                                                        ias_selection.x2 = parseInt(ias_selection.x1)+width_ratio;
     
    500503                                                                                         * largeur = hauteur
    501504                                                                                         */
    502                                                                                         width_new = parseInt(($(this).val()*16)/9);
    503                                                                                         $('#recadre_width').val(width_new);
     505                                                                                        width_new = parseInt((jQuery(this).val()*16)/9);
     506                                                                                        jQuery('#recadre_width').val(width_new);
    504507                                                                                        var width_ratio = parseInt((height_ratio*16)/9);
    505508                                                                                        ias_selection.x2 = parseInt(ias_selection.x1)+width_ratio;
    506509                                                                                }
    507510                                                                                if(width_new <= largeur){
    508                                                                                         if(parseInt($('#recadre_y2').val()) >= parseInt(hauteur)){
     511                                                                                        if(parseInt(jQuery('#recadre_y2').val()) >= parseInt(hauteur)){
    509512                                                                                                /**
    510513                                                                                                 * Là on doit déplacer y2 à fond et y1 un petit peu
    511514                                                                                                 * sinon y2 se retrouverait hors zone
    512515                                                                                                 */
    513                                                                                                 $('#recadre_y2').val(hauteur);
     516                                                                                                jQuery('#recadre_y2').val(hauteur);
    514517                                                                                                ias_selection.y2 = parseInt(hauteur/ratio);
    515                                                                                                 $('#recadre_y1').val(hauteur-parseInt($(this).val()));
    516                                                                                                 ias_selection.y1 = (parseInt(hauteur)-parseInt($(this).val()))/ratio;
     518                                                                                                jQuery('#recadre_y1').val(hauteur-parseInt(jQuery(this).val()));
     519                                                                                                ias_selection.y1 = (parseInt(hauteur)-parseInt(jQuery(this).val()))/ratio;
    517520                                                                                        }else{
    518521                                                                                                /**
    519522                                                                                                 * Là on doit déplacer seulement y2
    520523                                                                                                 */
    521                                                                                                 var height = (parseInt($('#recadre_y1').val())+parseInt($(this).val()));
    522                                                                                                 $('#recadre_y2').val(height);
     524                                                                                                var height = (parseInt(jQuery('#recadre_y1').val())+parseInt(jQuery(this).val()));
     525                                                                                                jQuery('#recadre_y2').val(height);
    523526                                                                                        }
    524527                                                                                        if(ratio_selected != ''){
    525                                                                                                 if((parseInt($('#recadre_x1').val())+width_new) > parseInt(largeur)){
     528                                                                                                if((parseInt(jQuery('#recadre_x1').val())+width_new) > parseInt(largeur)){
    526529                                                                                                        /**
    527530                                                                                                         * Là on doit déplacer x2 à fond et x1 un petit peu
    528531                                                                                                         * sinon x2 se retrouverait hors zone
    529532                                                                                                         */
    530                                                                                                         $('#recadre_x2').val(largeur);
     533                                                                                                        jQuery('#recadre_x2').val(largeur);
    531534                                                                                                        ias_selection.x2 = parseInt(largeur/ratio);
    532                                                                                                         $('#recadre_x1').val(largeur-width_new);
     535                                                                                                        jQuery('#recadre_x1').val(largeur-width_new);
    533536                                                                                                        ias_selection.x1 = (parseInt(largeur)-parseInt(width_new))/ratio;
    534537                                                                                                }else{
     
    536539                                                                                                         * Là on doit déplacer seulement x2
    537540                                                                                                         */
    538                                                                                                         var width = (parseInt($('#recadre_x1').val())+parseInt(width_new));
    539                                                                                                         $('#recadre_x2').val(width);
     541                                                                                                        var width = (parseInt(jQuery('#recadre_x1').val())+parseInt(width_new));
     542                                                                                                        jQuery('#recadre_x2').val(width);
    540543                                                                                                }
    541544                                                                                        }
     
    545548                                                                                 * On occuper toute la hauteur
    546549                                                                                 */
    547                                                                                 $(this).val(hauteur);
     550                                                                                jQuery(this).val(hauteur);
    548551                                                                                ias_selection.y1 = 0;
    549                                                                                 $('#recadre_y1').val(0);
     552                                                                                jQuery('#recadre_y1').val(0);
    550553                                                                                ias_selection.y2 = parseInt(hauteur/ratio);
    551                                                                                 $('#recadre_y2').val(hauteur);
     554                                                                                jQuery('#recadre_y2').val(hauteur);
    552555                                                                        }
    553556                                                                }
    554557                                                                else{
    555                                                                         var largeur_image = parseFloat($('#image-container img').width());
    556                                                                         var width = parseInt($('#recadre_width').val());
    557                                                                         var height = parseInt($('#recadre_height').val());
    558                                                                         if($(this).is('#recadre_x1')){
    559                                                                                 var width_left = parseInt($(this).val()) + parseInt(width);
     558                                                                        var largeur_image = parseFloat(jQuery('#image-container img').width());
     559                                                                        var width = parseInt(jQuery('#recadre_width').val());
     560                                                                        var height = parseInt(jQuery('#recadre_height').val());
     561                                                                        if(jQuery(this).is('#recadre_x1')){
     562                                                                                var width_left = parseInt(jQuery(this).val()) + parseInt(width);
    560563                                                                                if(width_left >= largeur){
    561                                                                                         $('#recadre_x2').val(largeur);
     564                                                                                        jQuery('#recadre_x2').val(largeur);
    562565                                                                                        ias_selection.x2 = parseInt(largeur)/ratio;
    563                                                                                         $('#recadre_x1').val(largeur-width);
     566                                                                                        jQuery('#recadre_x1').val(largeur-width);
    564567                                                                                        ias_selection.x1 = parseInt(ias_selection.x2)-parseInt(width/ratio);
    565568                                                                                }else{
    566                                                                                         var x1_ratio = (parseInt($(this).val())/ratio);
     569                                                                                        var x1_ratio = (parseInt(jQuery(this).val())/ratio);
    567570                                                                                        ias_selection.x1 = x1_ratio;
    568571                                                                                        ias_selection.x2 = parseInt(x1_ratio)+parseInt(width/ratio);
    569                                                                                         $('#recadre_x2').val(parseInt($(this).val())+width);
     572                                                                                        jQuery('#recadre_x2').val(parseInt(jQuery(this).val())+width);
    570573                                                                                }
    571574                                                                        }
    572                                                                         else if($(this).is('#recadre_y1')){
    573                                                                                 var height_top = parseInt($(this).val()) + parseInt(height);
     575                                                                        else if(jQuery(this).is('#recadre_y1')){
     576                                                                                var height_top = parseInt(jQuery(this).val()) + parseInt(height);
    574577                                                                                if(height_top >= hauteur){
    575                                                                                         $('#recadre_y2').val(hauteur);
     578                                                                                        jQuery('#recadre_y2').val(hauteur);
    576579                                                                                        ias_selection.y2 = parseInt(hauteur)/ratio;
    577                                                                                         $('#recadre_y1').val(hauteur-width);
     580                                                                                        jQuery('#recadre_y1').val(hauteur-width);
    578581                                                                                        ias_selection.y1 = parseInt(ias_selection.y2)-parseInt(height/ratio);
    579582                                                                                }else{
    580                                                                                         var y1_ratio = (parseInt($(this).val())/ratio);
     583                                                                                        var y1_ratio = (parseInt(jQuery(this).val())/ratio);
    581584                                                                                        ias_selection.y1 = y1_ratio;
    582585                                                                                        ias_selection.y2 = y1_ratio+parseInt(height/ratio);
    583                                                                                         $('#recadre_y2').val(parseInt($(this).val())+height);
     586                                                                                        jQuery('#recadre_y2').val(parseInt(jQuery(this).val())+height);
    584587                                                                                }
    585588                                                                        }
    586                                                                         else if($(this).is('#recadre_x2')){
    587                                                                                 var x2_ratio = (parseFloat($(this).val())/ratio).toFixed(0);
     589                                                                        else if(jQuery(this).is('#recadre_x2')){
     590                                                                                var x2_ratio = (parseFloat(jQuery(this).val())/ratio).toFixed(0);
    588591                                                                                ias_selection.x2 = parseInt(x2_ratio);
    589592                                                                        }
    590                                                                         else if($(this).is('#recadre_y2')){
    591                                                                                 var y2_ratio = (parseFloat($(this).val())/ratio).toFixed(0);
     593                                                                        else if(jQuery(this).is('#recadre_y2')){
     594                                                                                var y2_ratio = (parseFloat(jQuery(this).val())/ratio).toFixed(0);
    592595                                                                                ias_selection.y2 = parseInt(y2_ratio);
    593596                                                                        }
     
    614617                                                                        var largeur_image = #LARGEUR;
    615618                                                                        var hauteur_image = #HAUTEUR;
    616                                                                         var largeur_actuelle = (parseInt($('#recadre_x2').val()) - parseInt($('#recadre_x1').val()));
    617                                                                         var hauteur_actuelle = (parseInt($('#recadre_y2').val()) - parseInt($('#recadre_y1').val()));
     619                                                                        var largeur_actuelle = (parseInt(jQuery('#recadre_x2').val()) - parseInt(jQuery('#recadre_x1').val()));
     620                                                                        var hauteur_actuelle = (parseInt(jQuery('#recadre_y2').val()) - parseInt(jQuery('#recadre_y1').val()));
    618621                                                                        var largeur_cadre = (ias_selection.x2 - ias_selection.x1);
    619622                                                                        var hauteur_cadre = (ias_selection.y2 - ias_selection.y1);
     
    624627                                                                                         * On transforme la hauteur en largeur
    625628                                                                                         */
    626                                                                                         if((parseInt($('#recadre_y1').val()) + largeur_actuelle) > hauteur_image){
     629                                                                                        if((parseInt(jQuery('#recadre_y1').val()) + largeur_actuelle) > hauteur_image){
    627630                                                                                                /**
    628631                                                                                                 * On va devoir remonter l'image pour qu'elle rentre dans le cadre
     
    630633                                                                                                var y1 = hauteur_image - largeur_actuelle;
    631634                                                                                                var y2 = hauteur_image;
    632                                                                                                 $('#recadre_y1').val(y1)
    633                                                                                                 $('#recadre_y2').val(y2);
    634                                                                                                 ias_selection.y2 = $('#image_modifier img').height();
     635                                                                                                jQuery('#recadre_y1').val(y1)
     636                                                                                                jQuery('#recadre_y2').val(y2);
     637                                                                                                ias_selection.y2 = jQuery('#image_modifier img').height();
    635638                                                                                                ias_selection.y1 = ias_selection.y2-largeur_cadre;
    636639                                                                                        }else{
     
    638641                                                                                                 * L'image reste en place, on change les dimensions seulement
    639642                                                                                                 */
    640                                                                                                 var y2 = parseInt($('#recadre_y1').val()) + largeur_actuelle;
    641                                                                                                 $('#recadre_y2').val(y2);
     643                                                                                                var y2 = parseInt(jQuery('#recadre_y1').val()) + largeur_actuelle;
     644                                                                                                jQuery('#recadre_y2').val(y2);
    642645                                                                                                ias_selection.y2 = parseInt(ias_selection.y1)+largeur_cadre;
    643646                                                                                        }
    644                                                                                         $('#recadre_height').val($('#recadre_width').val());
     647                                                                                        jQuery('#recadre_height').val(jQuery('#recadre_width').val());
    645648                                                                                }else{
    646649                                                                                        /**
    647650                                                                                         * On transforme la largeur en hauteur
    648651                                                                                         */
    649                                                                                         if((parseInt($('#recadre_x1').val()) + hauteur_actuelle) > largeur_image){
     652                                                                                        if((parseInt(jQuery('#recadre_x1').val()) + hauteur_actuelle) > largeur_image){
    650653                                                                                                /**
    651654                                                                                                 * On va devoir déplacer l'image
     
    654657                                                                                                var x1 = largeur_image - hauteur_actuelle;
    655658                                                                                                var x2 = largeur_image;
    656                                                                                                 $('#recadre_x1').val(x1)
    657                                                                                                 $('#recadre_x2').val(x2);
    658                                                                                                 ias_selection.x2 = $('#image_modifier img').width();
     659                                                                                                jQuery('#recadre_x1').val(x1)
     660                                                                                                jQuery('#recadre_x2').val(x2);
     661                                                                                                ias_selection.x2 = jQuery('#image_modifier img').width();
    659662                                                                                                ias_selection.x1 = ias_selection.x2-hauteur_cadre;
    660663                                                                                        }else{
     
    662665                                                                                                 * L'image reste en place, on change les dimensions seulement
    663666                                                                                                 */
    664                                                                                                 var x2 = parseInt($('#recadre_x1').val()) + hauteur_actuelle;
    665                                                                                                 $('#recadre_x2').val(x2);
     667                                                                                                var x2 = parseInt(jQuery('#recadre_x1').val()) + hauteur_actuelle;
     668                                                                                                jQuery('#recadre_x2').val(x2);
    666669                                                                                                ias_selection.x2 = parseInt(ias_selection.x1)+hauteur_cadre;
    667670                                                                                        }
    668                                                                                         $('#recadre_width').val($('#recadre_height').val());
     671                                                                                        jQuery('#recadre_width').val(jQuery('#recadre_height').val());
    669672                                                                                }
    670673                                                                        }
     
    691694                                                                                                var y1 = hauteur_image - hauteur_ratio.toFixed(0);
    692695                                                                                                var y2 = hauteur_image.toFixed(0);
    693                                                                                                 $('#recadre_y1').val(y1)
    694                                                                                                 $('#recadre_y2').val(y2);
    695                                                                                                 ias_selection.y2 = $('#image_modifier img').height();
     696                                                                                                jQuery('#recadre_y1').val(y1)
     697                                                                                                jQuery('#recadre_y2').val(y2);
     698                                                                                                ias_selection.y2 = jQuery('#image_modifier img').height();
    696699                                                                                                ias_selection.y1 = (ias_selection.y2-hauteur_cadre_ratio).toFixed(0);
    697700                                                                                        }else{
     
    699702                                                                                                 * L'image reste en place, on change les dimensions seulement
    700703                                                                                                 */
    701                                                                                                 var y2 = (parseInt($('#recadre_y1').val()) + hauteur_ratio).toFixed(0);
    702                                                                                                 $('#recadre_y2').val(y2);
     704                                                                                                var y2 = (parseInt(jQuery('#recadre_y1').val()) + hauteur_ratio).toFixed(0);
     705                                                                                                jQuery('#recadre_y2').val(y2);
    703706                                                                                                ias_selection.y2 = (parseInt(ias_selection.y1)+hauteur_cadre_ratio).toFixed(0);
    704707                                                                                        }
    705                                                                                         $('#recadre_height').val(((parseInt($('#recadre_width').val())*ratio_h)/ratio_l).toFixed(0));
     708                                                                                        jQuery('#recadre_height').val(((parseInt(jQuery('#recadre_width').val())*ratio_h)/ratio_l).toFixed(0));
    706709                                                                                }else{
    707710                                                                                        /**
    708711                                                                                         * On transforme la largeur car la hauteur sera trop grande
    709712                                                                                         */
    710                                                                                         if((parseInt($('#recadre_x1').val()) + hauteur_ratio) > largeur_image){
     713                                                                                        if((parseInt(jQuery('#recadre_x1').val()) + hauteur_ratio) > largeur_image){
    711714                                                                                                /**
    712715                                                                                                 * On va devoir déplacer l'image
     
    715718                                                                                                var x1 = largeur_image - hauteur_ratio;
    716719                                                                                                var x2 = largeur_image;
    717                                                                                                 $('#recadre_x1').val(x1)
    718                                                                                                 $('#recadre_x2').val(x2);
    719                                                                                                 ias_selection.x2 = $('#image_modifier img').width();
     720                                                                                                jQuery('#recadre_x1').val(x1)
     721                                                                                                jQuery('#recadre_x2').val(x2);
     722                                                                                                ias_selection.x2 = jQuery('#image_modifier img').width();
    720723                                                                                                ias_selection.x1 = (ias_selection.x2-hauteur_cadre_ratio).toFixed(0);
    721724                                                                                        }else{
     
    723726                                                                                                 * L'image reste en place, on change les dimensions seulement
    724727                                                                                                 */
    725                                                                                                 var x2 = parseInt($('#recadre_x1').val()) + hauteur_ratio;
    726                                                                                                 $('#recadre_x2').val(x2);
     728                                                                                                var x2 = parseInt(jQuery('#recadre_x1').val()) + hauteur_ratio;
     729                                                                                                jQuery('#recadre_x2').val(x2);
    727730                                                                                                ias_selection.x2 = (parseInt(ias_selection.x1)+hauteur_cadre_ratio).toFixed(0);
    728731                                                                                        }
    729                                                                                         $('#recadre_width').val(((parseInt($('#recadre_width').val())*ratio_l)/ratio_h).toFixed(0));
     732                                                                                        jQuery('#recadre_width').val(((parseInt(jQuery('#recadre_width').val())*ratio_l)/ratio_h).toFixed(0));
    730733                                                                                }
    731734                                                                        }
     
    734737                                                                }
    735738                                                                else{
    736                                                                         ias.setOptions({aspectRatio: ''});
     739                                                                        ias.setOptions({aspectRatio:''});
    737740                                                                }
    738741                                                        }
  • _plugins_/photospip/trunk/plugin.xml

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