Changeset 7124

Show
Ignore:
Timestamp:
10/07/10 13:00:14 (3 years ago)
Author:
cljosse
Message:

[Autosize][beta]Improvement theme compatibility.


Location:
extensions/Autosize
Files:
6 added
9 modified

Legend:

Unmodified
Added
Removed

  • extensions/Autosize/admin/template/admin.tpl

    r6983 r7124  
    11{html_head}  
    22 <script type="text/javascript"> 
     3     var thumbnail = '{$thumbnail}'; 
    34     var theme = '{$theme}'; 
     5     var version = '{$version}'; 
     6     var scaled_width = '{$SCALED_WIDTH}'; // valeur par defaut 
     7     var scaled_height = '{$SCALED_HEIGHT}'; // valeur par defaut 
    48     var img_width = '{$IMG_WIDTH }'; 
    59     var img_height = '{ $IMG_HEIGHT }'; 
     10 
    611     var marge_basse = '{ $MARGE_BASSE }'; 
    712     var echelle_max = '{ $ECHELLE_MAX }'; 

  • extensions/Autosize/include/affiche.php

    r6978 r7124  
    22 
    33$visible=(isset($visible))?$visible:true; 
    4 $img_width=isset($picture['current']['width'])?$picture['current']['width']:200; 
    5 $img_height=isset($picture['current']['height'])?$picture['current']['height']:200; 
     4$img_width=isset($picture['current']['width'])?$picture['current']['width']:480; 
     5$img_height=isset($picture['current']['height'])?$picture['current']['height']:320; 
    66$version=isset($version)?$version:""; 
    77$theme=$user['theme']; 
    … …  
    1010        $template->assign( 
    1111                                        array( 
     12                                        'thumbnail' => $conf['prefix_thumbnail'], 
    1213                    'visible' => $visible, 
    1314                    'version' => $version, 
    1415                    'AUTOSIZE_PATH' => AUTOSIZE_PATH, 
    1516                    'theme' => $theme, 
    16                                          'SCALED_WIDTH'                                 => $picture['current']['scaled_width'], 
    17                                          'SCALED_HEIGHT'                        => $picture['current']['scaled_height'],                     
     17                                         'SCALED_WIDTH' => $picture['current']['scaled_width'], 
     18                                         'SCALED_HEIGHT' => $picture['current']['scaled_height'],                     
    1819                    'IMG_WIDTH'         => $img_width, 
    1920                    'IMG_HEIGHT'        => $img_height, 

  • extensions/Autosize/js/Affiche_script.js

    r7013 r7124  
    1  
    2 //==== remplace $(... avec jQuery( ==== 
    3  var ov_map; 
     1/* 
     2var thumbnail= '{$thumbnail}'; 
     3var theme = '{$theme}'; 
     4var version = '{$version}'; 
     5var scaled_width = '{$SCALED_WIDTH}'; // valeur par defaut 
     6var scaled_height = '{$SCALED_HEIGHT}'; // valeur par defaut 
     7var img_width = '{$IMG_WIDTH }';  
     8var img_height = '{ $IMG_HEIGHT }';$picture['current']['height'] 
     9 
     10var marge_basse = '{ $MARGE_BASSE }'; 
     11var echelle_max = '{ $ECHELLE_MAX }'; 
     12var mini_width = '{ $MINI_WIDTH   }'; 
     13var mini_height = '{ $MINI_HEIGHT   }'; 
     14 
     15var webmaster_width = '{$webmaster_width   }'; 
     16var webmaster_height = '{ $webmaster_height   }'; 
     17var admin_width = '{ $admin_width   }'; 
     18var admin_height = '{ $admin_height   }'; 
     19var generic_width = '{ $generic_width   }'; 
     20var generic_height = '{ $generic_height   }'; 
     21var guest_width = '{ $guest_width   }'; 
     22var guest_height = '{$guest_height}'; 
     23var normal_width = '{$normal_width}'; 
     24var normal_height = '{$normal_height}'; 
     25var user_status = '{$user_status}'; 
     26var user_status = '{$user_status}'; 
     27var check_auto_w = '{$check_auto_w}'; 
     28*/ 
     29 
    430 var d1 = 0; 
    5    var init_tb = 0; 
    6  function $(element) { 
    7   //========== test jQuery =============== 
    8      new_element = jQuery(element); 
    9      jq = new_element.selector; 
    10      if (jQuery("#Panorama").length) { 
    11  
    12          return new_element; 
    13      } 
    14      afq = jQuery(document).data("initialized") ; //2 
    15      if (element == window && afq != 1) 
    16          if (init_tb==1) { 
    17              init_tb = 2; 
    18              return new_element; 
    19          } 
    20  
    21          if (new_element.context && afq!=1 && afq != undefined ) { 
    22            if (init_tb != 2) init_tb = 1; 
    23             return new_element; 
     31 var init_tb = 0; 
     32 
     33 function set_autosize() { 
     34     visible = !visible; 
     35 
     36 } 
     37 
     38/* ready 
     39* 
     40* 
     41*/ 
     42 jQuery(document).ready( 
     43 
     44    function (jQuery) { 
     45        /* jQuery */ 
     46        var img_init = { height: img_height, width: img_width };  // taille initiale 
     47        var img_defaut = { height: scaled_height, width: scaled_width }; 
     48        var img_reelle = { height: img_height, width: img_width }; 
     49        var img_finale = { height: 0, width: 0 }; 
     50        var zone_affichage = { height: 0, width: 0 }; 
     51        /* 
     52        * recherche la plus grande image (hauteur ou largeur) 
     53        */ 
     54        function Get_Img_Maxi(myobj) { 
     55            var w00 = 0; 
     56            var TheImg = null; 
     57            jQuery(myobj).each(function (i) { 
     58                w0 = this.width; 
     59                h0 = this.height; 
     60                if (h0 > w0) w0 = h0; 
     61                if (w0 > w00) { 
     62                    if (!this.nameProp.match(RegExp(thumbnail, "g"))) { 
     63                        TheImg = this; 
     64                        w00 = w0; 
     65                    } 
     66 
     67                } 
     68            }); 
     69            return TheImg; 
    2470        } 
    25         if (new_element.context) 
    26           if (new_element.context.loaded) { 
    27             return new_element; 
     71        /* 
     72        * Get_val_int 
     73        * params: element,valeur maxi 
     74        * return: valeur entiere 
     75        */ 
     76        function Get_Val_int(myObj, Maxi_val) { 
     77            var val = 0; 
     78            var reg1 = new RegExp("%", "g") 
     79            Maxi_val = parseInt(Maxi_val || 400); 
     80 
     81            if (!myObj) return Maxi_val; 
     82            if (myObj == "none") return Maxi_val; 
     83            if (myObj == "auto") return Maxi_val; 
     84            if (myObj.match(reg1)) 
     85                val = myObj * Maxi_val / 100; 
     86            else 
     87                val = parseInt(myObj); 
     88            if (typeof (val) == "NaN") return Maxi_val; 
     89            return val; 
    2890        } 
    29         init_tb = 0; 
    30         tp1 = typeof(MooTools); 
    31         if (tp1 != "undefined") { 
    32   //==== mootools prototype ==== 
    33             if (MooTools.version == "1.2.4") { 
    34                 return jQuery(element).get(0); 
    35  
    36             }else if( MooTools.version == "1.11") { 
    37             B = element; 
    38                 if (!B) {  
    39                         if (typeof (B) == "boolean") return null; 
    40                         return jQuery();  
    41                  } 
    42                 if (B.htmlElement) { 
    43                     return Garbage.collect(B); 
    44  
     91 
     92        /* 
     93        * Marge_haute 
     94        * params: element,boolean ajoute_h(ajoute la hauteur de l'element) 
     95        * return: valeur margin+padding+[hauteur] 
     96        */ 
     97        function Marge_haute(myObj, ajoute_h) { 
     98            Mon_obj = jQuery(myObj); 
     99            if (Mon_obj.length == 0) return 0; 
     100 
     101            if (ajoute_h) h_p = parseInt(jQuery(myObj).height()); 
     102            else h_p = 0; 
     103 
     104            if (jQuery(myObj).css("marginTop")) 
     105                if (jQuery(myObj).css("marginTop") != "auto") h_p += parseInt(jQuery(myObj).css("marginTop")); 
     106            if (jQuery(myObj).css("marginBottom")) 
     107                if (jQuery(myObj).css("marginBottom") != "auto") h_p += parseInt(jQuery(myObj).css("marginBottom")); 
     108            if (jQuery(myObj).css("paddingTop")) 
     109                if (jQuery(myObj).css("paddingTop") != "auto") h_p += parseInt(jQuery(myObj).css("paddingTop")); 
     110            if (parseInt(jQuery(myObj).css("paddingBottom"))) 
     111                if (jQuery(myObj).css("paddingBottom") != "auto") h_p += parseInt(jQuery(myObj).css("paddingBottom")); 
     112            return h_p; 
     113        } 
     114        //===================================================================    
     115        var old_w = 0; 
     116        var old_h = 0; 
     117        var rapport = -1; 
     118        var init_taille_thumblink = { height: 0, width: 0 }; 
     119        /* 
     120        * window .resize 
     121        */ 
     122        jQuery(window).resize(function (event, ui) { 
     123            if (typeof (event) == 'undefined') return; 
     124 
     125            w1 = jQuery(window).width(); 
     126            h1 = jQuery(window).height(); 
     127 
     128 
     129            if (!visible) return; 
     130            if (old_w == w1 && old_h == h1) return; 
     131 
     132            if (old_w != w1) { 
     133                old_w = w1; 
     134            } else { 
     135                if (old_h != h1) old_h = h1; 
     136            } 
     137            var Type_Img = ""; 
     138            //====== d�tection du type d'images ====== 
     139            if (jQuery("#charlie").length > 0) { 
     140                Type_Img = "charlie"; 
     141            } else if (jQuery("#pamoorama").length) { 
     142                Type_Img = "pamoorama"; 
     143            } else if (jQuery("#theImage embed").length > 0) { 
     144                Type_Img = "embed"; 
     145            } else if (jQuery("#map").length) { 
     146                Type_Img = "map"; 
     147            } else if (jQuery("#Panorama").length) { 
     148                Type_Img = "panorama"; 
     149            } else if (jQuery("#theImage").find("img").length > 0) { 
     150                Type_Img = "img"; 
     151            } else if (jQuery("img").length > 0) { 
     152                Type_Img = "img_autre"; 
     153                return; 
     154            } else { 
     155                return; 
     156            } 
     157 
     158            var winwidth = old_w; 
     159            var twidth = jQuery("#imageHeaderBar").width(); 
     160            var twidth1 = jQuery("#imageToolBar").width(); 
     161 
     162            var winheight = old_h; 
     163            //==== r�cup�re Img la plus grande  ===== 
     164            if (jQuery("#theImg")) IMG = "#theImg"; 
     165            else IMG = "#theImage"; 
     166 
     167            TheImg2 = Get_Img_Maxi(IMG + " img"); 
     168            //================================================================= 
     169            if (TheImg2 == null) { 
     170                if (jQuery("#theImage").find("img").length > 0) { 
     171                    IMG = "#theImage"; 
     172                    TheImg = Get_Img_Maxi("#theImage img"); 
    45173                } 
    46                 if ([window, document].contains(B)) { return B; } 
    47                 var A = $type(B); 
    48                 if (A == "string") { B = document.getElementById(B); A = (B) ? "element" : false; } 
    49                 if (A != "element") { 
    50                     return null; 
     174            } else { 
     175                TheImg = TheImg2 
     176 
     177            } 
     178 
     179            //================================================================= 
     180            switch (Type_Img) { 
     181                case "map": 
     182 
     183                    jQuery("#content").height(winheight); 
     184 
     185                    var TheImg = jQuery("#map").get(0); 
     186                    pos_image = jQuery("#map").position(); 
     187                    pos_page = jQuery("#the_page").position(); 
     188 
     189 
     190                    break 
     191 
     192 
     193                case "panorama": 
     194 
     195                    var w00 = 0; 
     196                    jQuery("#Panorama img").each(function (i) { 
     197                        w0 = this.width; 
     198                        if (w0 > w00) { 
     199                            TheImg = this; 
     200                            n = TheImg.nameProp; 
     201                            w00 = w0; 
     202                        } 
     203                    }); 
     204 
     205                    pos_image = jQuery(TheImg).position(); 
     206                    pos_page = jQuery("#the_page").position(); 
     207 
     208                    break 
     209                case "img": 
     210 
     211                    if (!TheImg) return; 
     212                    pos_image = jQuery(TheImg).position(); 
     213                    pos_page = jQuery("#the_page").position(); 
     214 
     215 
     216                    break 
     217                case "img_autre": 
     218                    if (!TheImg) return; 
     219                    pos_image = jQuery(TheImg).position(); 
     220                    pos_page = jQuery("#the_page").position(); 
     221 
     222 
     223                    break 
     224                case "embed": 
     225                    // 
     226 
     227                    var TheImg = jQuery("#theImage").find("embed"); 
     228 
     229                    pos_image = jQuery("#theImage").position(); 
     230                    pos_page = jQuery("#the_page").position(); 
     231                    if (rapport < 0) { 
     232                        img_height = parseInt(TheImg.height); 
     233                        img_width = parseInt(TheImg.width); 
     234 
     235                        img_reelle.height = parseInt(TheImg.height); 
     236                        img_reelle.width = parseInt(TheImg.width); 
     237                    } 
     238 
     239                    break 
     240                case "charlie": 
     241 
     242                    var TheImg = jQuery('#charlie object').get(0); 
     243                    pos_image = jQuery("#theImage").position(); 
     244                    pos_page = jQuery("#the_page").position(); 
     245                    if (rapport < 0) { 
     246                        img_height = parseInt(TheImg.height); 
     247                        img_width = parseInt(TheImg.width); 
     248 
     249                        img_reelle.height = parseInt(TheImg.height); 
     250                        img_reelle.width = parseInt(TheImg.width); 
     251                    } 
     252 
     253                    break 
     254                case "pamoorama": 
     255                    //========================================================= 
     256                    var Images = jQuery("#pamoorama img"); 
     257                    var Image = jQuery("#pamoorama").find("img"); 
     258 
     259                    pos_image = jQuery("#pamoorama").position(); 
     260                    pos_page = jQuery("#the_page").position(); 
     261                    break 
     262                    return; 
     263 
     264            } 
     265            //=============== V�rification taille minimale  autoriz�e ====================== 
     266            miniWidth = Get_Val_int(jQuery(TheImg).css("min-width"), mini_width); 
     267            miniHeight = Get_Val_int(jQuery(TheImg).css("min-height"), mini_height); 
     268            maxWidth = Get_Val_int(jQuery(TheImg).css("max-width"), winwidth); 
     269            maxHeight = Get_Val_int(jQuery(TheImg).css("max-height"), winheight); 
     270 
     271            mini_width = parseInt(miniWidth); 
     272            mini_height = parseInt(miniHeight); 
     273 
     274            img_reelle.width = parseInt(img_reelle.width); 
     275            if (img_reelle.width < mini_width) return; 
     276 
     277            img_reelle.height = parseInt(img_reelle.height); 
     278            if (img_reelle.height < parseInt(mini_height)) return; 
     279            //==================================================================================    
     280            if (rapport < 0) { 
     281                img_init.height = parseInt(img_height || TheImg.height); 
     282                img_init.width = parseInt(img_width || TheImg.width); 
     283                rapport = img_width / img_height; 
     284                if (Type_Img != "map") 
     285                    rapport = (img_init.width / img_init.height); 
     286                else 
     287                    rapport = -1; 
     288 
     289            } 
     290 
     291 
     292            //=============== Zone d'affichage ============================ 
     293            zone_affichage.width = winwidth - 0 - (pos_page.left * 2) - 5; 
     294            zone_affichage.height = winheight - 0 - pos_page.top; 
     295 
     296 
     297            //===========================================================================   
     298            var sel0 = { top: 0 }; 
     299            sel0.top += Marge_haute("#theHeader", true); 
     300 
     301            sel0.top += Marge_haute("#imageHeaderBar", true); 
     302            if (!theme.match(RegExp("gally", "g"))) { 
     303                sel0.top += Marge_haute("#imageToolBar", true); 
     304            } else { 
     305                sel0.top += Marge_haute(TheImg, false); 
     306            } 
     307            if (jQuery("#theImage").css("marginTop")) 
     308                if (jQuery("#theImage").css("marginTop") != "auto") 
     309                    sel0.top += parseInt(jQuery("#theImage").css("marginTop")); 
     310            if (jQuery("#theImage").css("paddingTop")) 
     311                if (jQuery("#theImage").css("paddingTop") != "auto") 
     312                    sel0.top += parseInt(jQuery("#theImage").css("paddingTop")); 
     313 
     314            img_top = 0; 
     315            if (jQuery("#theImage").css("position") != "absolute") 
     316                zone_affichage.height -= sel0.top; 
     317 
     318            if (theme.match(RegExp("gally", "g"))) { img_top = sel0.top } 
     319            jQuery("#theImage").css("top", img_top + "px") 
     320 
     321            jQuery("#theImage #theImg IMG").css("marginTop", "0px") 
     322 
     323 
     324 
     325            var lmt = 0; 
     326            h = 0; 
     327            //================ Licence  ======================== 
     328            var Licence = jQuery("#theImage span"); 
     329            if (Licence.length > 0) { 
     330                jQuery("#theImage span").css("background", "blue"); 
     331                t1 = jQuery("#theImage span").position(); 
     332                h = jQuery("#theImage span").height(); 
     333            } 
     334            //==== paragraphe suppl�mentaire === 
     335            if (jQuery("#theImage table")) { 
     336                jQuery("#theImage table").css("background", "yellow"); 
     337                t1 = jQuery("#theImage table").position(); 
     338            } 
     339 
     340            if (jQuery("#theImage p")) { 
     341                jQuery("#theImage p").css("background", "red"); 
     342                t1 = jQuery("#theImage p").position(); 
     343                h += jQuery("#theImage p").height(); 
     344            } 
     345            if (jQuery("#theImage br")) { 
     346 
     347 
     348            } 
     349 
     350 
     351 
     352            lmt = jQuery("#theImage span").height() - jQuery("#theImage p").height(); 
     353 
     354            //========================================================================== 
     355            Marge_Basse = parseInt(marge_basse || 0); 
     356            zone_affichage.height = zone_affichage.height - Marge_Basse; 
     357 
     358            var Image_height = zone_affichage.height - h; 
     359 
     360            var height_user = eval(user_status + "_height"); 
     361 
     362            //============================================================= 
     363            var reg1 = new RegExp("%", "g"); 
     364            if (height_user.match(reg1)) 
     365                Image_height = Image_height * parseInt(height_user) / 100; 
     366            else 
     367                Image_height = parseInt(height_user); 
     368 
     369            //============================================================ 
     370            echelle_max = parseFloat(echelle_max, '3'); 
     371            var echelle = parseFloat(Image_height / img_reelle.height, 3); 
     372 
     373            if (echelle > echelle_max) { echelle = echelle_max; } 
     374 
     375            Image_height = parseInt(img_reelle.height * echelle); 
     376 
     377            if (rapport > 0) var Image_Width = parseInt(Image_height * rapport); 
     378            else var Image_Width = parseInt(img_reelle.width * echelle); 
     379            //=============================================================== 
     380 
     381            align_auto = "center"; 
     382            if (jQuery("#theImg").css("textAlign")) 
     383                align_auto = jQuery("#theImg").css("textAlign"); 
     384 
     385            if (check_auto_w == 'checked="checked"') { 
     386                // if (Type_Img != "pamoorama" && Type_Img != "panorama" ) { 
     387                //==== largeur � atteindre === 
     388                var width_user = eval(user_status + "_width"); 
     389                // Largeur maximale en fonction du statut 
     390                if (width_user.match(reg1)) 
     391                // pourcentage 
     392                    widthmin = twidth * parseInt(width_user) / 100; 
     393                else 
     394                    widthmin = parseInt(width_user); 
     395 
     396                if (Image_Width > widthmin) { 
     397                    //   Image_Width largeur � atteindre  
     398                    //  Calcul du rapport d'agrandissement  
     399                    var echelle_w = parseFloat(widthmin / img_reelle.width, 3); 
     400                    if (echelle_w > echelle_max) { echelle_w = echelle_max; } 
     401                    Image_Width = parseInt(img_reelle.width * echelle_w); 
    51402                } 
    52                 if (B.htmlElement) { return Garbage.collect(B); } 
    53                 if (["object", "embed"].contains(B.tagName.toLowerCase())) { return B; } 
    54                 $extend(B, Element.prototype); 
    55                 B.htmlElement = function () { }; 
    56                 return Garbage.collect(B); 
    57             } 
    58            //  
    59         } 
    60         tp1 = typeof(Prototype); 
    61         if (tp1 == "undefined") { return jQuery(element); } 
    62         if (Prototype.Version != '1.6.0.2') { 
    63             return jQuery(element); 
    64         } 
    65  
    66      //======== prototype.js ===================== 
    67      if (arguments.length > 1) { 
    68          for (var i = 0, elements = [], length = arguments.length; i < length; i++) 
    69              elements.push($(arguments[i])); 
    70          new_element= elements; 
    71      } 
    72      if (typeof(element)=="string") 
    73          element = jQuery("#" + element).get(0); 
    74      try { 
    75          new_element = Element.extend(element); 
    76      } catch (e) { 
    77          return new_element; 
    78      } 
    79      //================================================== 
    80      if (typeof (new_element) == "undefined") { 
    81          jQuery(document).data("initialized", 1); 
    82          return jQuery(); 
    83      } 
    84       return new_element; 
    85      
    86 } 
    87  
    88 jQuery(document).ready( 
    89 function (jQuery) { 
    90  
    91     function Marge_haute(myObj, ajoute_h) { 
    92         Mon_obj = jQuery(myObj); 
    93         if (Mon_obj.length == 0) return 0; 
    94  
    95         if (ajoute_h) h_p = parseInt(jQuery(myObj).height()); 
    96         else h_p = 0; 
    97  
    98         if (jQuery(myObj).css("marginTop")) 
    99             if (jQuery(myObj).css("marginTop") != "auto") h_p += parseInt(jQuery(myObj).css("marginTop")); 
    100         if (jQuery(myObj).css("marginBottom")) 
    101             if (jQuery(myObj).css("marginBottom") != "auto") h_p += parseInt(jQuery(myObj).css("marginBottom")); 
    102         if (jQuery(myObj).css("paddingTop")) 
    103             if (jQuery(myObj).css("paddingTop") != "auto") h_p += parseInt(jQuery(myObj).css("paddingTop")); 
    104         if (parseInt(jQuery(myObj).css("paddingBottom"))) 
    105             if (jQuery(myObj).css("paddingBottom") != "auto") h_p += parseInt(jQuery(myObj).css("paddingBottom")); 
    106         return h_p; 
    107     } 
    108     //===================================================================        
    109  
    110     jQuery(window).resize(function (event, ui) { 
    111         if (typeof (event) == 'undefined') return; 
    112         t = event.type; 
    113         var Type_Img = ""; 
    114         //====== d�tection du type d'images ====== 
    115         var Image = jQuery("#theImage").find("embed"); 
    116         if (Image.length > 0) { 
    117             Type_Img = "embed"; 
    118         } else if (jQuery("#map").length) { 
    119  
    120             Type_Img = "map"; 
    121  
    122  
    123         } else if (jQuery("#pamoorama").length) { 
    124  
    125             Type_Img = "pamoorama"; 
    126         } else if (jQuery("#Panorama").length) { 
    127  
    128             Type_Img = "panorama"; 
     403 
     404                if (rapport > 0) Image_height = parseInt(Image_Width / rapport); 
     405 
     406            } 
     407 
     408 
     409            // } 
     410 
     411            zoom = echelle; 
     412 
     413            if (TheImg.src) { 
     414                w_init = TheImg.width; 
     415                h_init = TheImg.height; 
     416            } 
     417            //  zone_affichage.height *= zoom; 
     418            //  zone_affichage.width *= zoom; 
     419            //=============LLGBO2 =========================== 
     420            marges = 0; 
     421 
     422            if (jQuery("#gbo") && jQuery("#gbo div:first").length > 0) { 
     423                llgboframe = jQuery("#gbo div:first"); 
     424                marges = jQuery(llgboframe).width() - jQuery("#gbo div:last").width(); 
     425                cadre = {}; 
     426                m1 = jQuery(llgboframe).height(); 
     427                t1 = jQuery(llgboframe).position(); 
     428 
     429 
     430                if (TheImg.src) { 
     431                    Image_height = Image_height - marges; 
     432                    Image_Width = Image_Width - marges; 
     433 
     434                    jQuery("#gbo").width(Image_Width + marges); 
     435                    jQuery("#gbo").height(Image_height + marges); 
     436                    jQuery("#gbo").css("width", Image_Width + marges + "px"); 
     437                    jQuery("#gbo").css("height", Image_height + marges + "px"); 
     438                } else { 
     439 
     440                    jQuery("#gbo").width(zone_affichage.width - marges); 
     441                    jQuery("#gbo").height(Image_height + marges) 
     442                    jQuery("#gbo").css("width", zone_affichage.width - marges + "px"); 
     443                    jQuery("#gbo").css("height", Image_height - marges + "px") 
     444 
     445                } 
     446 
     447 
     448 
     449                if (jQuery("#prevnext")) { 
     450                    areas = jQuery("area"); 
     451 
     452                } 
     453 
     454 
     455            } 
     456 
     457            //========================================================= 
     458            zone_affichage.height = (Image_height + marges) 
     459            jQuery("#linkNext").height(Image_height); 
     460            jQuery("#linkPrev").height(Image_height); 
     461            //================ Zone affichage ========================= 
     462            //  Image_height, Image_Width = valeur a atteindre. 
     463            jQuery("#theImage").css("backgroundColor", "green"); 
     464            jQuery("#theImage").height(zone_affichage.height); 
     465            jQuery("#theImage").width(zone_affichage.width); 
     466            //============================================================== 
     467            img_finale.height = Image_height; 
     468            img_finale.width = Image_Width; 
     469            //============================================================== 
     470 
     471            if (Type_Img == "charlie") { 
     472                t1 = jQuery("#charlie").position(); 
     473                /**/ 
     474                pdf = 2 * parseInt(jQuery(".none_2").css("paddingRight")); 
     475                jQuery("#charlie").css("width", Image_Width + pdf); 
     476                jQuery("#charlie").css("height", Image_height); 
     477                jQuery("#charlie").css("margin", "auto"); 
     478 
     479 
     480                jQuery("#player").css("width", Image_Width + 100 + "px"); 
     481                jQuery("#player").css("height", Image_height); 
     482 
     483                jQuery("#embedplayer").css("width", Image_Width); 
     484                jQuery("#embedplayer").css("height", Image_height); 
     485 
     486 
     487                jQuery("object").width(Image_Width); 
     488                jQuery("object").height(Image_height); 
     489            } else if (Type_Img == "panorama") { 
     490                jQuery(TheImg).height(img_finale.height); 
     491                jQuery(TheImg).width(img_finale.width); 
     492                jQuery("#Panorama div").height(Image_height); 
     493                //  class=simple_panorama 
     494                jQuery(TheImg).attr("id", "Img1"); 
     495                var settings = { 
     496                    viewport_width: 600, 
     497                    speed: 20000, 
     498                    direction: 'left', 
     499                    control_display: 'auto', 
     500                    start_position: 0, 
     501                    auto_start: true, 
     502                    mode_360: true, 
     503                    loop_180: true 
     504                }; 
     505                element = TheImg; //panorama_animate(element, elemWidth, settings); 
     506                n = $.fn; 
     507                pc = jQuery(TheImg) 
     508                options = pc.extend(); 
     509 
     510                if (options) jQuery.extend(settings, options); 
     511 
     512 
     513                n = 1; 
     514                ; 
     515 
     516 
     517                /* 
     518                jQuery("DIV .panoramaContainer").css("background", "red"); 
     519                jQuery("DIV .panoramaContainer").css("background", "red"); 
     520                jQuery("DIV .panoramaViewport").css("background", "red"); 
     521                jQuery("DIV .panoramaControl").css("background", "red"); 
     522                */ 
     523 
     524            } else if (Type_Img == "pamoorama") { 
     525 
     526 
     527                jQuery("#pamoorama").css("height", Image_height + "px"); 
     528                jQuery("#pamoorama").css("width", twidth + "px"); 
     529 
     530                jQuery("#pamoorama").height(Image_height); 
     531                jQuery("#pamoorama").width(twidth); 
     532 
     533 
     534 
     535                jQuery("#pamoorama_outter").height(Image_height); 
     536                jQuery("#pamoorama_outter").width(twidth); 
     537 
     538                jQuery("#pamoorama_outter").css("height", Image_height + "px"); 
     539                jQuery("#pamoorama_outter").css("width", twidth + "px"); 
     540                jQuery("#pamoorama_footer").width(twidth); 
     541                jQuery("#pamoorama_footer").css('width', twidth + "px"); 
     542                zoom = Image_height / img_height; 
     543 
     544                h_frame = jQuery("#pamoorama_frame").height(); 
     545                h_width = jQuery("#pamoorama_frame").width(); 
     546                jQuery(TheImg).css("zoom", zoom); 
     547 
     548 
     549 
     550            } else if (TheImg.src) { 
     551                //--- background ?? --- 
     552                jQuery(TheImg).height(img_finale.height); 
     553                jQuery(TheImg).width(img_finale.width); 
     554                jQuery(TheImg).css("height", img_finale.height + "px"); 
     555                jQuery(TheImg).css("width", img_finale.width + "px"); 
     556 
     557            } else { 
     558 
     559                jQuery(TheImg).height(img_finale.height); 
     560                jQuery(TheImg).width(img_finale.width); 
     561            } 
     562 
     563 
     564            try { 
     565                if (theme.match(RegExp("gally", "g"))) { 
     566                    if (init_taille_thumblink.height == 0) 
     567                        init_taille_thumblink = { height: jQuery(".thumbLink").height(), width: jQuery(".thumbLink").height() }; 
     568 
     569                    jQuery(".thumbLink").css("height", init_taille_thumblink.height + "px"); 
     570                    jQuery(".thumbLink").css("width", init_taille_thumblink.width + "px"); 
     571                } 
     572            } catch (e) { 
     573 
     574            } 
     575            //   
     576            jQuery(window).resize(); 
    129577            return; 
    130         } else if (jQuery("#theImage").find("img").length > 0) { 
    131             Type_Img = "img"; 
    132         } else if (jQuery("img").length > 0) { 
    133             Type_Img = "img_autre"; 
    134         } else { 
    135             return; 
    136         } 
    137         var winheight = jQuery(window).height(); 
    138         var winwidth = jQuery(window).width(); 
    139         //================================================================= 
    140         switch (Type_Img) { 
    141             case "map": 
    142  
    143  
    144                 jQuery("#content").height(winheight); 
    145                 var Image = jQuery("#map"); 
    146                 var TheImg = jQuery("#map").get(0); 
    147                 position = jQuery("#map").position(); 
    148                 l2 = jQuery("#the_page").position(); 
    149                 img_height = winheight - position.top - l2.top; 
    150                 img_width = winwidth - position.left - (l2.left * 2) - 5; 
    151  
    152  
    153                 break 
    154             case "img": 
    155                 var Image = jQuery("#theImage").find("img"); 
    156                 var TheImg = jQuery("#theImg").find("img").get(0); 
    157                 if (!TheImg) 
    158                     TheImg = jQuery(Image).get(0); 
    159                 break 
    160             case "img_autre": 
    161                 var Image = jQuery("img"); 
    162                 var TheImg = jQuery(Image).get(0); 
    163                 break 
    164             case "embed": 
    165                 var Image = jQuery("#theImage").find("embed"); 
    166                 var TheImg = jQuery(Image).get(0); 
    167                 img_height = TheImg.clientHeight; 
    168                 img_width = TheImg.clientWidth; 
    169                 break 
    170             case "pamoorama": 
    171                 //========================================================= 
    172                 var Images = jQuery("#pamoorama"); 
    173                 var Image = jQuery(Images).get(0); 
    174  
    175                 var TheImg = jQuery("#pamoorama").get(0); 
    176                 if (!TheImg) return; 
    177                 TheImg = jQuery("#pamoorama_inner"); 
    178                 if (TheImg.length < 1) return; 
    179  
    180                 break 
    181         } 
    182  
    183         //==================================================================================         
    184  
    185         var sel0 = jQuery(TheImg).position(); 
    186         jQuery("#theImage").css("top", sel0.top + "px") 
    187         jQuery().relativize("#theImage"); 
    188         if (!sel0) return; 
    189         type_pos = jQuery(TheImg).css("position"); //static 
    190  
    191         sel0.top = 0; 
    192         sel0.top += Marge_haute("#theHeader", true); 
    193  
    194         sel0.top += Marge_haute("#imageHeaderBar", true); 
    195         if (!theme.match(RegExp("gally", "g"))) { 
    196             sel0.top += Marge_haute("#imageToolBar", true); 
    197         } else { 
    198             sel0.top += Marge_haute(TheImg, false); 
    199         } 
    200         if (jQuery("#theImage").css("marginTop")) 
    201             if (jQuery("#theImage").css("marginTop") != "auto") 
    202                 sel0.top += parseInt(jQuery("#theImage").css("marginTop")); 
    203         if (jQuery("#theImage").css("paddingTop")) 
    204             if (jQuery("#theImage").css("paddingTop") != "auto") 
    205                 sel0.top += parseInt(jQuery("#theImage").css("paddingTop")); 
    206  
    207         img_top = 0; 
    208  
    209         if (theme.match(RegExp("gally", "g"))) { img_top = sel0.top } 
    210         jQuery("#theImage").css("top", img_top + "px") 
    211  
    212  
    213         mini_width = parseInt(mini_width); 
    214         mini_height = parseInt(mini_height); 
    215  
    216         W0 = parseInt(img_width); 
    217         if (W0 < mini_width) return; 
    218  
    219         H0 = parseInt(img_height); 
    220         if (H0 < parseInt(mini_height)) return; 
    221         if (Type_Img != "map") 
    222             var rapport = (W0 / H0); 
    223         else 
    224             var rapport = -1; 
    225  
    226         //========================================================================== 
    227         var Licence = jQuery("#theImage").find(".licencetag"); 
    228         if (Licence.length > 0) { 
    229             var lmt = jQuery(Licence.get(0)).height(); 
    230             h_p = jQuery(Licence.get(0)).height(); 
    231             jQuery(Licence.get(0)).css("position", "relative"); 
    232  
    233             jQuery(Licence.get(0)).css("top", "0px"); 
    234  
    235         } else { 
    236             var lmt = 0; 
    237  
    238         } 
    239         //==== paragraphe suppl�mentaire === 
    240         if (jQuery("#theImage").find("p")) { 
    241             h_p = 0; 
    242             Pars = jQuery("#theImage").find("p"); 
    243  
    244             for (var i = 0; i < Pars.length; i++) { 
    245                 P0 = Pars.get(i); 
    246                 h_p += Marge_haute(P0, true); 
    247             } 
    248  
    249             //   n_t = (p_p.top - Image_height) + h_p; 
    250  
    251             lmt += h_p; 
    252             jQuery("#theImage").css("paddingBottom", 0 + "px"); 
    253         } 
    254  
    255         //========================================================================== 
    256  
    257         var Image_height = (winheight - sel0.top) - parseInt(marge_basse) - lmt; 
    258         var height_user = eval(user_status + "_height"); 
    259  
    260         //============================================================= 
    261         var reg1 = new RegExp("%", "g"); 
    262         if (height_user.match(reg1)) 
    263             Image_height = Image_height * parseInt(height_user) / 100; 
    264         else 
    265             Image_height = parseInt(height_user); 
    266  
    267         //============================================================ 
    268         echelle_max = parseFloat(echelle_max, '3'); 
    269         var echelle = parseFloat(Image_height / H0, 3); 
    270  
    271         if (echelle > echelle_max) { 
    272             echelle = echelle_max; 
    273             Image_height = parseInt(H0 * echelle); 
    274         } 
    275  
    276         if (rapport > 0) 
    277             var Image_Width = parseInt(Image_height * rapport); 
    278         else 
    279             var Image_Width = parseInt(W0); 
    280         //=============================================================== 
    281         twidth = jQuery("#imageHeaderBar").width(); 
    282         img_la = jQuery(TheImg).width(); //initiale  
    283         offset = jQuery(TheImg).position(); 
    284  
    285         var width_user = eval(user_status + "_width"); 
    286         align_auto = "center"; 
    287         if (check_auto_w == 'checked="checked"') { 
    288             if (Type_Img != "pamoorama") { 
    289                 widthmin = (winwidth - offset.left); 
    290  
    291                 if (Image_Width > widthmin) { 
    292                     //============================================================= 
    293                     if (width_user.match(reg1)) 
    294                         Image_Width = Image_Width * parseInt(width_user) / 100; 
    295                     else 
    296                         Image_Width = parseInt(width_user); 
    297  
    298                     var echelle_w = parseFloat(winwidth / W0, 3); 
    299                     if (echelle_w > echelle_max) { 
    300                         echelle_w = echelle_max; 
    301                         Image_Width = parseInt(W0 * echelle_w); 
    302                     } 
    303                     Image_Width = parseInt(W0 * echelle_w); 
    304  
    305                     align_auto = "left"; 
    306                 } else { 
    307  
    308                     align_auto = "center"; 
    309                 } 
    310                 Image_height = parseInt(Image_Width / rapport); 
    311  
    312             } 
    313  
    314  
    315         } 
    316         //============================================================= 
    317  
    318         if (Type_Img == "pamoorama") { 
    319  
    320  
    321             jQuery("#pamoorama").css("height", Image_height + "px"); 
    322             jQuery("#pamoorama").css("width", twidth + "px"); 
    323  
    324             jQuery("#pamoorama").height(Image_height + "px"); 
    325             jQuery("#pamoorama").width(twidth + "px"); 
    326  
    327  
    328  
    329             jQuery("#pamoorama_outter").height(Image_height + "px"); 
    330             jQuery("#pamoorama_outter").width(twidth + "px"); 
    331  
    332             jQuery("#pamoorama_outter").css("height", Image_height + "px"); 
    333             jQuery("#pamoorama_outter").css("width", twidth + "px"); 
    334  
    335             zoom = Image_height / img_height; 
    336  
    337             h_frame = jQuery("#pamoorama_frame").height(); 
    338             h_width = jQuery("#pamoorama_frame").width(); 
    339             jQuery(TheImg).css("zoom", zoom); 
    340  
    341  
    342  
    343         } else { 
    344  
    345  
    346             if (jQuery("#theImg").css("textAlign")) 
    347                 jQuery("#theImg").css("textAlign", align_auto); 
    348  
    349             jQuery(TheImg).height(Image_height + "px"); 
    350             jQuery(TheImg).width(Image_Width + "px"); 
    351             jQuery(TheImg).css("height", Image_height + "px"); 
    352             jQuery(TheImg).css("width", Image_Width + "px"); 
    353  
    354         } 
    355         try { 
    356             if (theme.match(RegExp("gally", "g"))) { 
    357  
    358                 m = jQuery("#theImg"); 
    359                 if (m.length > 0) initializeImageMode('resize'); 
    360  
    361  
    362             } else if (theme.match(RegExp("luciano", "g"))) { 
    363                 jQuery("#theImage").height(Image_height); 
    364             } 
    365         } catch (e) { 
    366  
    367         } 
    368         //   
    369  
    370         return; 
    371     }); 
    372  
    373     //===================================================================          
    374  
    375  
    376     jQuery(window).resize(); 
    377     jQuery(window).resize(); 
    378  
    379  
    380     /*  */ 
    381  
    382  
    383 }); 
     578        }); 
     579 
     580        //===================================================================      
     581 
     582 
     583        jQuery(window).resize(); 
     584        jQuery(window).resize(); 
     585 
     586    } // function 
     587);                   // ready 
     588 
     589/* Extension 
     590 * absolutize: 
     591 * relativize: 
     592 */ 
    384593//========================================================= 
    385594jQuery.fn.extend({ 
    386 //----------------------------------------------------------------- 
    387   absolutize: function(element) { 
    388     element = jQuery(element).get(0); 
    389     if (element.getStyle('position') == 'absolute') return; 
    390     // Position.prepare(); // To be done manually by Scripty when it needs it. 
    391  
    392     var offsets = element.positionedOffset(); 
    393     var top    = offsets[1]; 
    394     var left    = offsets[0]; 
    395     var width  = element.clientWidth; 
    396     var height = element.clientHeight; 
    397  
    398     element._originalLeft   = left - parseFloat(element.style.left || 0); 
    399     element._originalTop    = top - parseFloat(element.style.top || 0); 
    400     element._originalWidth = element.style.width; 
    401     element._originalHeight = element.style.height; 
    402  
    403     element.style.position = 'absolute'; 
    404     element.style.top    = top + 'px'; 
    405     element.style.left  = left + 'px'; 
    406     element.style.width = width + 'px'; 
    407     element.style.height = height + 'px'; 
    408     return element; 
    409   }, 
    410  
    411   relativize: function(element) { 
    412     element = jQuery(element).get(0);; 
    413     if (jQuery(element).css('position') == 'relative') return; 
    414     // Position.prepare(); // To be done manually by Scripty when it needs it. 
    415     element._originalLeft = parseFloat(element.style.left || 0); 
    416     element._originalTop = parseFloat(element.style.top || 0); 
    417     element._originalWidth = element.style.width; 
    418     element._originalHeight = element.style.height; 
    419  
    420     element.style.position = 'relative'; 
    421     var top  = parseFloat(element.style.top || 0) - (element._originalTop || 0); 
    422     var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0); 
    423  
    424     element.style.top    = top + 'px'; 
    425     element.style.left  = left + 'px'; 
    426   //  element.style.height = element._originalHeight; 
    427    // element.style.width  = element._originalWidth; 
    428     return element; 
    429   } 
    430 //========================================================= 
    431  }); // fin extend 
     595    //------------------------------------------------------- 
     596    absolutize: function (element) { 
     597        element = jQuery(element).get(0); 
     598        if (element.getStyle('position') == 'absolute') return; 
     599        // Position.prepare(); // To be done manually by Scripty when it needs it. 
     600 
     601        var offsets = element.positionedOffset(); 
     602        var top = offsets[1]; 
     603        var left = offsets[0]; 
     604        var width = element.clientWidth; 
     605        var height = element.clientHeight; 
     606 
     607        element._originalLeft = left - parseFloat(element.style.left || 0); 
     608        element._originalTop = top - parseFloat(element.style.top || 0); 
     609        element._originalWidth = element.style.width; 
     610        element._originalHeight = element.style.height; 
     611 
     612        element.style.position = 'absolute'; 
     613        element.style.top = top + 'px'; 
     614        element.style.left = left + 'px'; 
     615        element.style.width = width + 'px'; 
     616        element.style.height = height + 'px'; 
     617        return element; 
     618    }, 
     619 
     620    relativize: function (element) { 
     621        element = jQuery(element).get(0); ; 
     622        if (jQuery(element).css('position') == 'relative') return; 
     623        // Position.prepare(); // To be done manually by Scripty when it needs it. 
     624        element._originalLeft = parseFloat(element.style.left || 0); 
     625        element._originalTop = parseFloat(element.style.top || 0); 
     626        element._originalWidth = element.style.width; 
     627        element._originalHeight = element.style.height; 
     628 
     629        element.style.position = 'relative'; 
     630        var top = parseFloat(element.style.top || 0) - (element._originalTop || 0); 
     631        var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0); 
     632 
     633        element.style.top = top + 'px'; 
     634        element.style.left = left + 'px'; 
     635        //  element.style.height = element._originalHeight; 
     636        // element.style.width  = element._originalWidth; 
     637        return element; 
     638    } 
     639    //========================================================= 
     640});  // fin extend 

  • extensions/Autosize/language/en_UK/lang.php

    r6934 r7124  
    11<?php 
    22global $lang; 
    3  
     3$lang['cl_autosize_info_2'] = "No resizing Display."; 
     4$lang['cl_autosize_info'] = 'Allows automatic resizing of the display with respect to explorer window.'; 
    45$lang['cl_autosize_Howto'] = 'Display management'; 
    56 

  • extensions/Autosize/language/fr_FR/description.txt

    r6912 r7124  
    1 Permet d'ajuster automatiquement l'affichage en fonction de la fen�tre de l'explorateur. 
     1Permet d'ajuster automatiquement l'affichage en fonction de la fenêtre de l'explorateur. 

  • extensions/Autosize/language/fr_FR/lang.php

    r6936 r7124  
    11<?php 
    22global $lang; 
     3$lang['cl_autosize_info'] = "Permet d'ajuster automatiquement l'affichage en fonction de la fenêtre de l'explorateur."; 
     4$lang['cl_autosize_info_2'] = "Affichage fixe."; 
    35$lang['cl_autosize_Howto'] = "Gestion affichage"; 
    46 

  • extensions/Autosize/main.inc.php

    r7013 r7124  
    22/* 
    33Plugin Name: AutoSize 
    4 Version: 1.1.21 
     4Version: 1.1.22 
    55Description: Ajuste l'affichage des photos en fonction de la hauteur de la fenetre de navigation 
    66Plugin URI: http://piwigo.org/ext/extension_view.php?eid=448 
    … …  
    2323    global $infos_message,$erreur_message; 
    2424    global  $conf,$lang ,$user; 
     25  load_language('lang', AUTOSIZE_PATH); 
     26 
    2527    if ( $page['body_id']=='thePicturePage'  ) { 
    2628   if ( isset($picture['current'])){ 
    … …  
    2830    $autosize_parametres = cl_autosize_Get_Options(); 
    2931    include (AUTOSIZE_PATH."include/affiche.php");               
     32     
     33    $template->assign('cl_autosize_button', array( 
     34    'cl_autosize_info' => 'cl_autosize_info' , 
     35    'cl_autosize_info_2' => 'cl_autosize_info_2' , 
     36     
     37    'URL' => $_SERVER['REQUEST_URI'] , 
     38     'ICON2' => AUTOSIZE_PATH . 'icons/button-maximize.png', 
     39    'ICON' => AUTOSIZE_PATH . 'icons/button-minimize.png' 
     40    )); 
     41  
     42$template->set_filenames(array('cl_bp' => $my_path. '/template/picture.tpl')); 
     43$template->concat('PLUGIN_PICTURE_ACTIONS', $template->parse('cl_bp', true)); 
    3044 
    3145    $template->set_filenames( 
    … …  
    131145$infos_message .=l10n("cl_autosize_save_config")."<br>"; 
    132146 $autosize_parametres=cl_autosize_Set_Options(); 
    133   
     147 
    134148 if ( isset($autosize_parametres) ) 
    135149        { 
    … …  
    145159 } 
    146160 //======================================================================= 
    147 //add_event_handler('render_element_content', 'cl_autosize_script', 98, 2 ); 
     161 add_event_handler('loc_end_section_init', 'cl_autosize_script', 60 ); 
     162   
     163  
     164function cl_autosize_script() 
     165{ 
     166    $my_path = dirname(__FILE__).'/'; 
    148167 
    149 function cl_autosize_script($content, $image) 
    150 { 
    151    global $user, $picture, $template,$page; 
     168   global  $template; 
    152169   
    153     global  $element_info;    
    154     global $infos_message,$erreur_message; 
    155     global  $conf,$lang ,$user; 
    156  
    157     $my_path = dirname(__FILE__).'/'; 
    158170    $template->set_filenames( 
    159171        array('autosize_cl_init'=> $my_path.'template/cl_conflit.tpl') 
    … …  
    164176                                        ) 
    165177                     ); 
    166        return  $content; 
     178       return $template->parse( 'autosize_cl_init', false); 
    167179        
    168180} 

  • extensions/Autosize/template/autosize.tpl

    r7008 r7124  
    33  
    44  {known_script id="jquery" src=$ROOT_URL|@cat:"themes/default/js/jquery.packed.js" now=1}  
     5  {known_script id="conflit_script" src=$AUTOSIZE_PATH|@cat:"js/conflit.js"} 
    56{*jQuery is always available by default*}  
    67 <script type="text/javascript"> 
    7      var theme = '{$theme}'; 
    8         var img_width='{$IMG_WIDTH }'; 
    9         var img_height='{ $IMG_HEIGHT }'; 
    10         var marge_basse='{ $MARGE_BASSE }'; 
    11         var echelle_max='{ $ECHELLE_MAX }'; 
    12         var mini_width='{ $MINI_WIDTH   }'; 
    13         var mini_height = '{ $MINI_HEIGHT   }'; 
     8    var thumbnail = '{$thumbnail}'; 
     9    var theme = '{$theme}'; 
     10    var visible = '{$visible}'; 
     11    var version = '{$version}'; 
     12    var scaled_width =  '{$SCALED_WIDTH}'; // valeur par defaut 
     13    var scaled_height = '{$SCALED_HEIGHT}'; // valeur par defaut 
     14    var img_width='{$IMG_WIDTH }'; 
     15    var img_height = '{ $IMG_HEIGHT }'; 
    1416 
    15         var webmaster_width='{$webmaster_width   }'; 
    16         var webmaster_height='{ $webmaster_height   }'; 
    17         var admin_width='{ $admin_width   }'; 
    18         var admin_height='{ $admin_height   }'; 
    19         var generic_width='{ $generic_width   }'; 
    20         var generic_height='{ $generic_height   }'; 
    21         var guest_width='{ $guest_width   }'; 
    22         var guest_height='{$guest_height}'; 
    23         var normal_width='{$normal_width}'; 
    24         var normal_height='{$normal_height}'; 
    25         var user_status='{$user_status}'; 
    26         var user_status = '{$user_status}'; 
    27         var check_auto_w = '{$check_auto_w}'; 
     17    var marge_basse='{ $MARGE_BASSE }'; 
     18    var echelle_max='{ $ECHELLE_MAX }'; 
     19    var mini_width='{ $MINI_WIDTH   }'; 
     20    var mini_height = '{ $MINI_HEIGHT   }'; 
     21 
     22    var webmaster_width='{$webmaster_width   }'; 
     23    var webmaster_height='{ $webmaster_height   }'; 
     24    var admin_width='{ $admin_width   }'; 
     25    var admin_height='{ $admin_height   }'; 
     26    var generic_width='{ $generic_width   }'; 
     27    var generic_height='{ $generic_height   }'; 
     28    var guest_width='{ $guest_width   }'; 
     29    var guest_height='{$guest_height}'; 
     30    var normal_width='{$normal_width}'; 
     31    var normal_height='{$normal_height}'; 
     32    var user_status='{$user_status}'; 
     33    var user_status = '{$user_status}'; 
     34    var check_auto_w = '{$check_auto_w}'; 
    2835     </script> 
    2936    <style type="text/css"> 
    3037         #theImage p{ldelim} 
    3138  height:auto; 
    32   
    3339} 
    3440     </style> 
    … …  
    3945{known_script id="Affiche_script" src=$AUTOSIZE_PATH|@cat:"js/Affiche_script.js"} 
    4046 <!--  << autosize/template/picture.tpl body  --> 
    41   
    42  {html_head} 
     47 {html_head}   
    4348  {/html_head}   

  • extensions/Autosize/template/picture.tpl

    r6936 r7124  
    1  {* $Id: autosize/template/picture.tpl  *} 
    2  <!-- autosize/template/picture.tpl  -->   
    3  {html_head} 
    4   {known_script id="jquery" src=$ROOT_URL|@cat:"themes/default/js/jquery.packed.js" now=1}  
    5 {*jQuery is always available by default*}  
    6  <script type="text/javascript"> 
    7         //test 
    8         var img_width='{$IMG_WIDTH }'; 
    9         var img_height='{ $IMG_HEIGHT }'; 
    10         var marge_basse='{ $MARGE_BASSE }'; 
    11         var echelle_max='{ $ECHELLE_MAX }'; 
    12         var mini_width='{ $MINI_WIDTH   }'; 
    13         var mini_height = '{ $MINI_HEIGHT   }'; 
     1 <a><input id="bp_cla"  
     2    type="image"  
     3    style=" float:right;border:0px;" 
     4    src="{$cl_autosize_button.ICON}"  
     5    onclick = " Toggle_bp()  "  
     6    title="{'cl_autosize_info_2'|@translate}" 
     7    alt="{'cl_autosize_info_2'|@translate}" /> 
     8 </a>  
     9 <script language=javascript type="text/javascript"> 
     10 src1="{$cl_autosize_button.ICON}"; 
     11 src2="{$cl_autosize_button.ICON2}"; 
     12 src3="{'cl_autosize_info_2'|@translate}"; 
     13 src4="{'cl_autosize_info'|@translate}"; 
    1414 
    15         var webmaster_width='{$webmaster_width   }'; 
    16         var webmaster_height='{ $webmaster_height   }'; 
    17         var admin_width='{ $admin_width   }'; 
    18         var admin_height='{ $admin_height   }'; 
    19         var generic_width='{ $generic_width   }'; 
    20         var generic_height='{ $generic_height   }'; 
    21         var guest_width='{ $guest_width   }'; 
    22         var guest_height='{ $guest_height   }'; 
    23         var normal_width='{ $normal_width   }'; 
    24         var normal_height='{ $normal_height   }'; 
    25         var user_status='{ $user_status   }'; 
     15 function Toggle_bp() 
     16 {ldelim} 
     17 visible = !visible ; 
     18   if (visible) src=src1 ; 
     19  else src=src2 ; 
     20     if (visible)  src_info=src3 ; 
     21  else src_info=src4 ; 
    2622 
    27      </script> 
    28     <style type="text/css"> 
    29          #theImage p{ldelim} 
    30   height:auto; 
     23    jQuery('#bp_cla').get(0).src=src ; 
     24    jQuery('#bp_cla').attr('alt',src_info); 
     25    jQuery('#bp_cla').attr('title',src_info); 
     26      old_w = 0; 
     27    jQuery(window).resize(); 
     28    } 
     29 </script> 
    3130  
    32 } 
    33      </style> 
    34  {known_script id="Affiche_script" src=$AUTOSIZE_PATH|@cat:"js/Affiche_script.js"} 
    35  <!--  << autosize/template/picture.tpl   -->  
    36 {/html_head}