Ignore:
Timestamp:
Aug 16, 2011, 3:27:53 PM (13 years ago)
Author:
cljosse
Message:

[extensions] Autosize fix compatibility with 'charlies video'

Location:
extensions/Autosize/js
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • extensions/Autosize/js/Affiche_script.js

    r11912 r11961  
    22function Toggle_bp() {
    33    cl_visible = !cl_visible;
     4  set_cl();
     5  jQuery().newResize();
     6  Wait_Affichage();
     7}
     8  function set_cl(){
     9  if (typeof cl_visible == "undefined") return;
     10
    411    if (cl_visible) src = src1;
    512    else src = src2;
     
    1017    jQuery('#bp_cla').attr('title', src_info);
    1118
    12     jQuery('#bp_img_cla').get(0).src = src;
     19    jQuery('#bp_cla').attr('Stitle', src_info);
     20    jQuery('#bp_cla').attr('Stip', " ");
     21
     22    bp_scr = jQuery('#bp_img_cla');
     23
     24    if (bp_scr.length > 0) {
     25      bp_scr.get(0).src = src;
    1326    jQuery('#bp_img_cla').attr('alt', src_info);
    1427    jQuery('#bp_img_cla').attr('title', src_info);
    15     jQuery('#bp_cla').attr('Stitle', src_info);
    16     jQuery('#bp_cla').attr('Stip', " ");
    17     jQuery().newResize();
     28    }
     29
     30   
    1831
    1932}
     
    5366//==========================================================================
    5467function Wait_Affichage() {
     68  href = location.href;
     69
     70  jQuery.post(href, function (data) { });
     71   // alert("Data Loaded: " + data); 
     72  if (typeof fade_in == "undefined") fade_in = 1000;
    5573    fade_in = parseInt(fade_in);
     74    /*
    5675    if (!jQuery().newResize()) {
    5776        setTimeout("Wait_Affichage()", 500);
    5877        return
    5978    }
     79    */
    6080    nu_img++;
    61 
     81  if (typeof fade_in == "undefined") fade_in = 0;
    6282    if (fade_in == 0) {
    6383        jQuery(Parent).css({ opacity: "1" });
     
    7898    }
    7999    //   if (nu_img > 1) return;
    80 
    81 
     100  if (typeof theImg == "undefined") return true;
     101  if (theImg == null) return;
     102
     103  if (jQuery(theImg).length > 0) {
     104
     105
     106 stb.stop().fadeTo(3500, 0);
    82107
    83108    img_h = jQuery(theImg).height();
    84109    img_w = jQuery(theImg).width();
    85 
    86110    jQuery("#src_img_h").val(img_h);
    87111    jQuery("#src_img_w").val(img_w);
     
    101125        window_width: Window_Affichage.width
    102126    });
    103 
    104 
     127  }
     128 
    105129}
    106130
    107131//=====================================================================
    108 
     132    old_window = { width: 0, height: 0 };
    109133List_autosize = new Array();
    110134function Autosize_resize(Obj) {
    111     if (typeof cl_visible != "undefined") return;
    112 
    113135
    114136    conf = jQuery(Obj).get(0).conf;
     
    127149            conf.MargeHaute
    128150    );
    129 
    130151    info_Obj = jQuery(Obj).infos();
    131152    h1_left = jQuery(Obj).absoluteLeft();
     
    136157    else
    137158        h1 = (myWindow.height - marge_basse);
    138 
    139 
    140159    rap = info_Obj.height / info_Obj.width;
    141160    w2 = parseInt(h1 / rap);
    142 
    143161    if (w2 < info_Obj.width)
    144162        marginLeft = info_Obj.left + parseInt((info_Obj.width - w2) / 2) + "px";
    145163    else
    146164        marginLeft = "auto";
    147 
    148165    jQuery(Obj).css({ width: "auto", marginTop: marge_top,
    149166        marginLeft: "auto", marginBottom: 0 + "px",
     
    151168    });
    152169    jQuery(Obj).height(h1);
    153 
    154170    //=============================================================
    155     if (conf.ResizePicture != "true") {
    156 
    157     } else
    158         imgs = jQuery(Obj).find("img");
     171  if (conf.ResizePicture == "true")
     172    imgs = jQuery(Obj).find("img");
     173  else
     174    imgs = jQuery(Obj).find("img");
     175  Parent = Obj;
     176
    159177    Obj_w = jQuery(Obj).width();
    160178    Obj_h = jQuery(Obj).height();
    161 
     179  if (imgs.length>0) {
    162180    jQuery(imgs).each(function (i) {
    163181        img = jQuery(this);
    164 
    165         info_img = { width: conf.width[i], height: conf.height[i] };
     182      h1_top = jQuery(img).absoluteTop() - h1_top;
     183      h1_bottom =  Obj_h  - h1_top;
     184      info_img = { width: conf.width[i], height: conf.height[i] }; //origine
    166185        img_rap = conf.rap[i];
    167 
    168186        if (info_img.width > Obj_w) h1 = parseInt(Obj_w / img_rap);
    169         else w2 = parseInt(Obj_h * img_rap);
     187      h1 -= h1_top;
     188      if (h1 > Obj_h - h1_top) {
     189        h1 = Obj_h-h1_top;       
     190      }
     191      w2 = parseInt(h1 * img_rap);
    170192        if (w2 > 0 && h1 > 0 && img.length > 0) {
    171193            img.height(h1);
    172194            img.width(w2);
    173195        }
    174 
    175196    });
    176 
    177 
    178 
     197  }else{
     198  imgs = jQuery(Obj).children();
     199  jQuery(imgs).each(function (i) { 
     200    if (this.height > 0) {
     201      h1_top = jQuery(this).absoluteTop() - h1_top;
     202      h1_bottom = Obj_h - h1_top;
     203      info_img = { width: conf.width[i], height: conf.height[i] }; //origine
     204      img_rap = conf.rap[i];
     205      if (info_img.width > Obj_w) h1 = parseInt(Obj_w / img_rap);
     206      h1 -= h1_top;
     207      if (h1 > Obj_h - h1_top) {
     208        h1 = Obj_h - h1_top;
     209      }
     210      w2 = parseInt(h1 * img_rap);
     211      if (w2 > Obj_w ) {
     212        w2 = Obj_w;
     213      }
     214
     215      if (w2 > 0 && h1 > 0 ) {
     216        this.height=(h1);
     217        this.width=(w2);
     218      }
     219
     220    }
     221    name = this.name;
     222    });
     223
     224
     225
     226  }
    179227
    180228}
     229    //===============================================
     230// Extend expression
     231    //===============================================
    181232jQuery.extend(jQuery.expr[':'], {
    182233    // Nom du sélecteur personnalisé
    183234    Autosize: function (a) {
     235    nd = a.nodeName;
    184236        n1 = a.className;
    185237        // personal_block
    186238        if (n1.match(RegExp("autosize", "gi"))) {
    187             //   autoresize = "MargeBasse:30px; ResizePicture:false"
     239      //   autosize = "MargeBasse:30px; ResizePicture:false"
    188240            infconf = jQuery(a).attr("autosize");
    189241            n1 = typeof infconf;
     
    201253                width = new Array();
    202254                height = new Array();
     255        if (imgs.length > 0)
    203256                jQuery(imgs).each(function (i) {
    204257                    img = jQuery(this);
     
    207260                    height.push(img.height());
    208261                });
     262        else {
     263          imgs = jQuery(a).children();
     264          jQuery(imgs).each(function (i) {
     265            if (this.height>0) {
     266              rap.push(this.width / this.height);
     267              width.push(this.width);
     268              height.push(this.height);
     269            }
     270            name = this.name;
     271
     272
     273          });
     274        }
    209275
    210276                conf['rap'] = rap;
     
    213279
    214280                List_autosize.push({ obj: a, conf: conf });
    215                 jQuery(a).css({ opacity: 1 });
     281        jQuery(a).css({ opacity:0 });
    216282            }
    217283        }
    218284        //  Css = jQuery(a).getStyles(a);
    219 
    220285        return false;
    221286
     287    },
     288    Set_Class: function (a) {
     289    nd = a.nodeName;
     290    if (nd == "DIV") {
     291    XBrowserAddHandler(a,'onpropertychange', onPropertyChange);
     292    //jQuery(a).find("img:nth-child(1)").css("border","Solid 5px green");
     293    img = jQuery(a).children("img");
     294    if (img.length == 0) img = jQuery(a).find("a").children("img");
     295    if (img.length > 0)
     296    if (img.length == 1) {
     297    if (img[0].src.match(RegExp(".png", "g")))
     298    return;
     299   // img[0].attachEvent('onpropertychange', onPropertyChange);
     300    XBrowserAddHandler(img[0],'onpropertychange', onPropertyChange);
     301    jQuery(img).addClass("Image");
     302    //jQuery(img).attr("autosize", "MargeBasse:0px; ResizePicture:true");
     303    }
     304    }
    222305    }
    223306});
    224 
     307function XBrowserAddHandler(target,eventName,handlerName){
     308      if ( target.addEventListener )
     309          target.addEventListener(eventName, handlerName, false);
     310      else if ( target.attachEvent )
     311          target.attachEvent("on" + eventName, handlerName);
     312       else
     313          target["on" + eventName] = handlerName;
     314 }
     315/*
     316 var y = 3;
     317 var txtTestBox = document.getElementById('testBox');
     318 XBrowserAddHandler(txtTestBox, 'keyup', function() {
     319  myFunctionRef(y)
     320  });
     321 var myFunctionRef = function myFunction(x, e) {
     322 var keyCode;
     323 if (!e && window.event)
     324 e = window.event;
     325 if (e)
     326 keyCode = (window.Event) ? e.which : e.keyCode;
     327 alert('You pressed: ' + keyCode + '. Event object is :' + e + '. x is: ' + x);
     328 }
     329*/
     330function onPropertyChange(e) {
     331    var el = e.srcElement;
     332    attributs = el.attributes;
     333    if (attributs.id) id = attributs.id.value;
     334    if (attributs.style) style = attributs.style.value;
     335    /* Image */
     336    if (attributs.src) {
     337      src = attributs.src.value;
     338      if (attributs.width) width = attributs.width.value;
     339      if (attributs.height) height = attributs.height.value;
     340    }
     341         switch (e.propertyName) {
     342           case "style.opacity":
     343
     344             break;
     345           case "style.transform":
     346             
     347             break;
     348           case "style.display":
     349           
     350             break;
     351           case "style.color":
     352
     353             break;
     354           case "style.width":
     355            width= el.style.width;
     356             break;
     357           case "style.height":
     358             height = el.style.height;
     359             break;
     360
     361           case 'width':
     362 
     363             break;
     364           case 'height':
     365
     366             el.style.height = el.attributes.height.nodeValue + 'px';
     367             el.firstChild.style.height = el.clientHeight + 'px';
     368             break;
     369         }
     370       }
    225371
    226372function List_autosize_resize(event, ui) {
     
    234380    }
    235381    wait_resize = false;
     382    return true;
    236383
    237384}
     
    240387     function (jQuery) {
    241388       jQuery(':Autosize');
    242 
    243389       jQuery(window).unload(function () {
    244390         try {
    245            if (theImg) {
     391           if (typeof theImg != "undefined") {
    246392             jQuery.cookie('img', theImg.src); // créer un cookie avec une valeur
     393
    247394             jQuery.cookie('img_h', jQuery(theImg).height());
    248395             jQuery.cookie('img_w', jQuery(theImg).width());
     396
     397             if (typeof Window_Affichage != "undefined") {
    249398             jQuery.cookie('window_height', Window_Affichage.height);
    250399             jQuery.cookie('window_width', Window_Affichage.width);
    251400           }
     401           }
    252402         } catch (r) {
    253403
     
    256406       });
    257407
    258 
    259 
     408       /********************************************
     409       *  window LOAD
     410       ********************************************/
    260411       jQuery(window).load(function () {
     412         jQuery(':Set_Class');
    261413         if (typeof img_width == "undefined") {
    262414           if (List_autosize.length == 0) return;
    263            for (i = 0; i < List_autosize.length; i++) {
    264              Autosize_resize(jQuery(List_autosize[i]));
    265            }
    266            return;
     415           wait_resize = false;
     416           if (List_autosize_resize()) Wait_Affichage();
     417           return true;
    267418         }
    268 
    269 
    270419         //=========================================================
    271420         if (typeof (options) == "undefined") {
     
    303452
    304453         Parent = "#theImage";
    305 
     454         var info_theImage = jQuery(Parent).infos();
    306455         Zone_Affichage = jQuery(Parent).infos();
    307456         //
     
    314463         if (typeof Bandeau_bas != "undefined") Bandeau = Bandeau_bas.top;
    315464         else Bandeau = 0;
    316          old_window = { width: 0, height: 0 };
    317          jQuery("#theImage").trigger('ON');
    318465
    319466         old_window = { width: 0, height: 0 };
    320467         jQuery().newResize();
    321 
    322          //===================================================================
    323          /*
    324          * window .resize
    325          */
    326          jQuery(window).resize(
    327                function (event, ui) {
    328                  jQuery().newResize();
    329                });
     468         jQuery("#theImage").trigger('ON');
     469
    330470
    331471         //============== initialisation ===================
     
    337477       }); // window.onload
    338478
    339        /* Extension
    340        * affiche_debug
    341 
    342        * resize
    343        * :
    344        */
    345        //=========================================================
     479
     480       /***********************************************************
     481       *  RESIZE
     482       ***********************************************************/
    346483       old_window = { width: 0, height: 0 };
    347484       jQuery(window).resize(
    348485               function (event, ui) {
    349486                 List_autosize_resize(event, ui);
    350                  jQuery().newResize();
     487                 if (jQuery().newResize())
     488                   Wait_Affichage();
    351489               });
    352490
     491       /************************************
     492       * Extend
     493       ************************************/
    353494       jQuery.fn.extend({
    354495         //==========================================================
     
    359500         //=============================================================
    360501         onPropertyChange: function (e) {
     502
    361503           return;
    362 
    363504
    364505         },
     
    376517         newResize: function () {
    377518           //
    378           if (typeof options != undefined)
     519           set_cl();
     520           if (typeof options != "undefined")
    379521             if (options.imageAutosize)
    380522               return true; //stripped
     
    388530             jQuery(bp1).trigger('ON');
    389531           }
    390            if (typeof cl_visible == "undefined") return;
     532           if (typeof cl_visible == "undefined") return true;
    391533           if (!cl_visible == true) { return true; }
    392534           var chk = eval(user_status + "_enabled");
     
    407549
    408550           jQuery(Parent).width(winwidth);
    409            //  jQuery(Parent).height(winheight);
    410551
    411552           var Cadre = jQuery(Parent).get(0);
    412            var info_theImage = jQuery(Cadre).infos();
     553       
    413554           //===============  Information cadre ======
    414555           var info_the_page = jQuery("#the_page").infos();
     
    425566           var marge_right = 0;
    426567           var marge_left = 0;
     568
     569           var Licence = jQuery(".licencetag");
     570           info_Licence = jQuery(".licencetag").infos();
     571
     572           if (typeof Type_Img == 'undefined') {
     573
     574           }
     575
     576
     577           // jQuery(".licencetag").addClass('imageComment');
     578
     579           hd_click = jQuery("#theImage a[href]");
     580           if (hd_click.length > 0) {
     581             hd_click = hd_click[0];
     582             if (hd_click.href.match(RegExp("phpWGOpenWindow", "gi"))) {
     583
     584               hd_click = jQuery("#theImage p");
     585               jQuery(hd_click).addClass('imageComment');
     586               jQuery(hd_click).wrapAll('<div id="_Comment2"  />');
     587             }
     588           }
     589
     590           if(jQuery('#_Comment, ').length==0)
     591             jQuery('.imageComment, ').wrapAll('<div id="_Comment"  />');
     592
    427593           if (theme.match(RegExp("simple", "g"))) {
    428594             if (info_ToolBar.width > 0)
     
    463629           marge_left += Zone_Affichage.borderwidth.left;
    464630           winwidth -= (marge_right + marge_left);
    465            //---------------------------------------------
    466            /*
    467            jQuery(Parent).width(winwidth); // 1.6.2
    468            jQuery(Parent).css({ height: "auto" }); //1.6.2
    469            */
    470            //  jQuery(Parent).height(Zone_Affichage.height);
    471            //---------------------------------------------
    472631
    473632           if (Type_Img == "pamoorama") {
     
    525684
    526685             case "panorama":
    527                //  return;
     686               //  return true;
    528687
    529688               //the theMainImage ??
     689               if (!theImg) {
    530690               theImg = jQuery("#theMainImage");
     691               if (theImg.length > 0)
     692                 return;
     693               theImg = jQuery().Get_Img_Maxi("#Panorama img[alt]");
     694                 // return;
    531695               if (theImg.length > 0)
    532696                 theImg = theImg[0];
    533697               else
    534698                 theImg = jQuery().Get_Img_Maxi("#Panorama img[alt]");
     699               }
    535700               info_theImage = jQuery(theImg).infos();
    536701               info_the_page = jQuery("#the_page").infos();
     
    589754                 img_reelle.width = parseInt(info_img.width);
    590755               }
    591 
    592756               break
    593757             case "pamoorama":
     
    693857           info_Licence = jQuery(".licencetag").infos();
    694858
    695            jQuery(Parent + " #theImg IMG").css("marginTop", "0px")
     859           jQuery(Parent + " #theImg IMG").css("marginTop", "0px");
    696860           //========== Correction en fonction du thème =============================
    697861           var correction = 0;
     
    725889
    726890           h = (Zone_Affichage.padding.bottom + Zone_Affichage.padding.top + Zone_Affichage.margin.top + Zone_Affichage.margin.bottom);
    727 
    728891           if (typeof Bandeau_t != "undefined") Bandeau = Bandeau_t.img_top|0;
    729892           Zone_Affichage.height = winheight - Bandeau - Marge_Basse - correction - h;
     
    735898           //=========================================================================
    736899           if (typeof (Bandeau_bas) != "undefined") {           
    737               Zone_Affichage.height -= (Bandeau_bas.height + Bandeau_bas.marge.top|0 + Bandeau_bas.marge.bottom|0);
     900             if (Bandeau_bas.height < Zone_Affichage.height) Zone_Affichage.height -= (Bandeau_bas.height + Bandeau_bas.marge.top + Bandeau_bas.marge.bottom);
    738901                        } else {
    739902           }
     
    833996             }
    834997             if (theImg.src) {
    835 
    836 
    837998               wingbo = img_finale.width;
    838999               heightgbo = img_finale.height;
     
    9011062                 jQuery("area[rel=next]").attr({ coords: "'" + coord.x0 + "," + coord.y0 + "," + coord.x1 + "," + coord.y1 + "'" });
    9021063               }
    903                jQuery("#theImage").height(heightgbo + marges_llgbo / 2);
     1064               //    jQuery("#theImage").height(heightgbo + marges_llgbo / 2);
    9041065             }
    9051066           }
     
    9161077           img_finale.width = parseInt(img_finale.width);
    9171078           //=========================================================================
    918            if (jQuery("#slideshow").infos().width > 0) {
    919 
    920 
    921            } else {
    922 
    923            }
     1079
    9241080           //=== cadre = theImage
    9251081           jQuery(Cadre).css({ marginLeft: "auto" });
     
    9301086             img_finale.height = info_theImage.height;
    9311087             Zone_Affichage.height = img_finale.height;
    932              jQuery(Cadre).height(Zone_Affichage.height);
     1088
    9331089           }
    9341090
     
    9731129             jQuery("#embedplayer").css("height", img_finale.height);
    9741130
     1131             jQuery("embed").css("height", img_finale.height);
     1132
     1133             jQuery("video").height(img_finale.height);
     1134             jQuery("video").width(img_finale.width);
     1135
     1136             jQuery("video").css({ height: img_finale.height+"px" });
     1137             jQuery("object").css({ height: img_finale.height+"px" });
    9751138
    9761139             jQuery("object").width(img_finale.width);
     
    9811144
    9821145             jQuery(Cadre).css("height", "auto"); 
     1146           } else if (Type_Img == "embed") {
     1147
     1148             jQuery(Cadre).css("height", "auto");
     1149             jQuery("embed").css("height", img_finale.height);
     1150             jQuery("object").css({ height: img_finale.height + "px" });
     1151
     1152             jQuery("object").width(img_finale.width);
     1153             jQuery("object").height(img_finale.height);
    9831154
    9841155           } else if (Type_Img == "panorama") {
    985              // -----     jQuery(theImg).panorama2(img_finale.height, img_finale.width);
    986              //  jQuery(theImg).height(img_finale.height);
    987              //   jQuery(theImg).width(img_finale.width);
    988              //  n = jQuery.fn.panorama();
    989              // jQuery("#Panorama div").height(img_finale.height);
    990              //  class=simple_panorama
    991              // jQuery("#Panorama div").height(img_finale.height);
    9921156             if (typeof asp_options != "undefined")
    9931157               n = asp_options;
    9941158             n1 = jQuery("#Panorama div").width();
    995              // asp_options.viewport_width = winwidth;
    996              //n =n.panorama_animate();
    997              //jQuery("#panoramaContainer").stop(); ;
    998              // n = jQuery(theImg).panorama(asp_options);
    999 
    1000              //jQuery("#Panorama div").width(asp_options.viewport_width);
    1001 
    10021159             jQuery(".panorama-viewport").css("margin", "auto");
    1003 
    10041160             n = info_imageToolBar;
    10051161
     
    10591215             info_frame = jQuery(myPamoorama.frame).infos();
    10601216
    1061              zoom = img_finale.height / img_height;
    10621217
    10631218
     
    10731228           } else {
    10741229             //===map ? luciano ===
    1075 
    1076         // jQuery(Cadre).height(Zone_Affichage.height + Bandeau_bas.height); //??
    1077               //     jQuery(Cadre).height(img_finale.height + Bandeau_bas.height); //??
    1078          jQuery(Cadre).css("height","auto"); //??
    10791230             jQuery(theImg).height(img_finale.height);
    10801231             jQuery(theImg).width(img_finale.width);
     
    11491300
    11501301           }
     1302           zoom = img_finale.height / img_height;
     1303
     1304           zoom = parseInt(zoom * 100);
     1305           jQuery('#zoom ').val(zoom);
     1306           jQuery('#bp_cla').text(zoom + "%");
     1307
    11511308           //  --- réglage de la hauteur de page en fonction du copyright-----------
    11521309           if (typeof (pos_copyright) == "undefined") pos_copyright = jQuery("#copyright").infos();
     
    11561313             if (TitleBox.length != 0) TitleBox.css("width", img_finale.width + "px");
    11571314           } else {
    1158              if (pos_copyright.top > 100) {
    1159                // jQuery("#the_page").height(pos_copyright.top);
    1160              }
     1315
    11611316           }
    11621317
     
    11711326           info_frame = jQuery(Cadre).infos();
    11721327           if (theme.match(RegExp("stripped", "gi"))) {
    1173              pos = "absolute";
    11741328             info_theImageBox = jQuery("#theImageAndTitle").infos();
    11751329             p1 = jQuery(".randomButtons").infos();
     
    12161370
    12171371           return true;
    1218 
    1219 
    1220 
    1221 
    1222 
    12231372           //_____________________________________________________
    12241373         } // Resize();
     
    12541403                if (!this.src.match(RegExp(thumbnail, "g"))) {
    12551404                    myImg = this;
     1405           jQuery( myImg).addClass("Image");
    12561406                    w00 = w0;
    12571407                }
     
    12701420
    12711421    info_imageToolBar = jQuery("#imageToolBar").infos();
    1272     if (typeof (marge_top) != "undefined") return info_imageToolBar;
     1422    if (typeof (marge_top) != "undefined") return result;
    12731423
    12741424    if (info_imageToolBar.position == "absolute") {
     
    12821432
    12831433    jQuery("#" + "theImgContainer").css("marginTop", "0px");
     1434    info_thePicturePage = jQuery("#thePicturePage").infos();
    12841435    info_theImage = jQuery(Parent).infos();
    1285     info_thePicturePage = jQuery("#thePicturePage").infos();
    1286 
    1287 
    12881436    if (theme.match(RegExp("stripped", "gi"))) {
    1289 
    12901437        info_theImageAndTitle = jQuery("#theImageAndTitle").infos();
    12911438        info_theImageBox = jQuery("#theImageBox").infos();
    1292 
    12931439        optiontop = (marges_llgbo / 2) + info_theImageAndTitle.margin.top;
    1294 
    12951440    }
    12961441
     
    13171462
    13181463    img_top = Math.ceil(info_theImage.top +
     1464                        info_theImage.padding.top +
    13191465                        info_theImage.borderwidth.top +
    13201466                        info_thePicturePage.margin.top + optiontop);
     
    13261472    //=== Afficher le titre de l'image sur le cadre ===
    13271473    llgboh2 = jQuery("#gboh2").infos();
    1328     result.img_top += llgboh2.height;
    1329 
     1474    llgbo = jQuery("#gbo").infos();
     1475
     1476    if (llgboh2.top > 0)
     1477      result.img_top = llgboh2.top - (llgboh2.height * 2);
     1478    else if (marges_llgbo > 0)
     1479      result.img_top -= (8);
     1480
     1481 
    13301482    return result;
    13311483
     
    13381490//====================================================
    13391491function Info_Description_f(Parent) {
    1340 
    1341 
    13421492    jQuery(Parent).css({ display: "block" });
    13431493    //====== détection du type d'images ======
    13441494    if (jQuery("#charlie").length > 0) {
    13451495        Type_Img = "charlie";
    1346 
     1496      jQuery("#charlie").css({
     1497        paddingTop: "0px",
     1498        marginTop: "0px",
     1499        paddingBottom: "10px",
     1500        marginBottom: "0px"
     1501      });
     1502
     1503      } else if (jQuery("#Panorama").length) {
     1504        Type_Img = "panorama";
    13471505    } else if (jQuery("#pamoorama").length) {
    13481506        Type_Img = "pamoorama";
     
    13861544    }
    13871545
    1388     Bandeau_t = Info_entete(Parent)
     1546      Bandeau_t = Info_entete(Parent);
     1547
    13891548    Bandeau = Bandeau_t.img_top;
    1390 
    13911549    info_theImgContainer = jQuery("#" + "theImgContainer").infos();
    13921550    info_description = jQuery("#" + "description").infos();
     
    14281586
    14291587      } else if (jQuery("#charlie").length > 0) {
    1430    
     1588      info_charlie = jQuery("#charlie").infos();
    14311589     if (jQuery("object").attr("type") == 'application/x-shockwave-flash') {
    14321590          jQuery("#charlie").css({
     
    14471605        info_img = jQuery(theImg).infos();
    14481606 
     1607 
    14491608    } else if (jQuery(Parent + " embed").length > 0) {
    14501609
    14511610        theImg = jQuery(Parent + " embed");
     1611     
    14521612        info_img = jQuery(theImg).infos();
    1453 
     1613           jQuery(Parent + " embed").width({ width: info_img.width+"px", height: info_img.height + "px" });
    14541614
    14551615
     
    14741634        if (theImg.length > 1)
    14751635          {theImg = theImg[0];
    1476 
    14771636          }
    14781637
     
    15471706          info_description.marge.top = -2;
    15481707        }
    1549         info_description.bottom = info_theImage.bottom;
    1550         info_description.top = info_img.height + info_theImage.top;
     1708        info_description.bottom = info_theImage.bottom; //482
     1709        info_description.top = info_img.height + info_theImage.top ; //410+62
    15511710        // info_description.bottom -= info_img.top;
    15521711    }
     
    16401799    jQuery('#pamoorama').live('ON', function (e) {
    16411800        jQuery(jQuery('.debug').get(1)).trigger('ON');
     1801    if (typeof Bandeau_bas=="undefined" || Bandeau_bas.width == 0) {
    16421802        Bandeau_bas = Info_Description_f(Parent);
    16431803        Bandeau = Bandeau_bas.top;
    16441804        old_window = { width: 0, height: 0 };
    1645         Wait_Affichage();
     1805      jQuery(window).resize();
     1806
     1807    }
     1808
     1809       // Wait_Affichage();
    16461810    });
    16471811
    16481812    jQuery(Parent).live('ON', function (e) {
    16491813        jQuery(jQuery('.debug').get(1)).trigger('ON');
    1650         Wait_Affichage();
     1814    Wait_Affichage();
    16511815    });
    16521816
  • extensions/Autosize/js/JScript.js

    r11912 r11961  
    1 jQuery(document).ready(
    2 function (jQuery) {
    3   var stt = jQuery('#scrolltobottom');
    4   var stb = jQuery('#scrolltotop');
     1function getScrollMaxY() {
     2  var innerh;
     3  if (window.innerHeight) {
     4    innerh = window.innerHeight;
     5  } else {
     6    innerh = document.body.clientHeight;
     7  }
     8  if (window.innerHeight && window.scrollMaxY) {
     9    // Firefox     
     10    yWithScroll = window.innerHeight + window.scrollMaxY;
     11  } else if (
     12     document.body.scrollHeight > document.body.offsetHeight) {
     13    // all but Explorer Mac   
     14    yWithScroll = document.body.scrollHeight;
     15  } else {
     16    // works in Explorer 6 Strict, Mozilla (not FF) and Safari   
     17    yWithScroll = document.body.offsetHeight;
     18  }
     19  return yWithScroll - innerh;
     20}
     21
     22jQuery(document).ready(function (jQuery) {
     23  jQuery(window).load(function () {
     24    if (jQuery("#scrolltotop").length == 0)
     25      jQuery('#scrolltobottom').before('<div id="scrolltotop" ><a title="Revenir en haut de la page" href="#"></a></div>');
     26
     27  stb = jQuery('#scrolltobottom');
     28  stt = jQuery('#scrolltotop');
     29  stt.css('opacity', 1 )
     30    stb.css('opacity', 1)
     31
     32    jQuery('#scrolltotop').height(100);
     33    jQuery('#scrolltobottom').height(100);
     34    jQuery('#scrolltotop').css({
     35  });
     36  jQuery('#scrolltobottom').css({
     37});
     38jQuery(window).resize(
     39               function (event, ui) {
     40                 jQuery(window).scroll();
     41               });
     42
     43               wmax = jQuery("body").height() - jQuery(window).height();
     44               scrollTop = jQuery(window).scrollTop();
     45               pourcent = (scrollTop / wmax);
     46               jQuery(stt).css({ opacity: pourcent });
     47               jQuery(stb).css({ opacity: 1 - pourcent });
     48           
     49//===================================================           
     50jQuery(window).scroll(function () {
     51  maxi = getScrollMaxY();
     52  wmax = jQuery("body").height() - jQuery(window).height();
     53  scrollTop = jQuery(window).scrollTop();
     54    pourcent = (scrollTop / wmax)  ;
    555
    656
    7   stt.css('opacity', 1);
    8   var scrollBottom = 0;
     57  jQuery(stt).css({ opacity:pourcent });
     58  jQuery(stb).css({ opacity:  1-pourcent });
    959
    10   //===================================================================                 
    11   jQuery(window).load(function (event, ui) {
    12     if (typeof (event) == 'undefined') return;
    13     scrollBottom = jQuery(window).scrollTop(0);
    14     var v_max = jQuery("#the_page").height();
    15   //===================================================================                 
    16   jQuery(window).scroll(function () {
    17       scrollBottom = jQuery(window).scrollTop();
    18       v_max = jQuery("#the_page").height() - jQuery(window).height();
    19       if (scrollBottom > 100) {
    20         if (stt.css('opacity') == 0) {
    21           stt.stop().fadeTo(1000, 1);
    22         }
    23       }
    24       if (scrollBottom > v_max - 100) {
    25         if (stb.css('opacity') == 0) {
    26           stb.stop().fadeTo(1000, 1);
    27         }
    28     }
    29       return;
    3060
    31       if (scrollBottom < v_max) {
    32         if (stb.css('opacity') > 0) {
    33           stb.stop().fadeTo(1000, 0);
    34           stb.css("display", "none");
    35         }
    36       } else {
    37       if (stb.css('opacity') == 0) {
    38         stb.stop().fadeTo(1000, 1);
    39         stb.css("display", "block");
    40         }
    41       }
     61  jQuery("#scrollmiddle").css("bottom", maxi + "px");
     62 // jQuery("#scrollmiddle").text(pourcent);
     63  //====================================================
     64    scrollBottom = jQuery(window).scrollTop();
    4265
    43       //=========================================
    44       if (scrollBottom < v_max) {
    45         if (stt.css('opacity') == 0) {
    46           stt.stop().fadeTo(1000, 1);
    47           stt.css("display", "block");
    48       }
    49     } else {
    50         if (stt.css('opacity') > 0) {
    51           stt.stop().fadeTo(1000, 0);
    52           stt.css("display", "none");
     66});
     67//=====================================================
     68jQuery('#scrolltobottom a').mouseover(function () {
     69  wmax = jQuery("body").height() - jQuery(window).height();
     70  scrollTop = jQuery(window).scrollTop();
     71  pourcent = (scrollTop / wmax);
    5372
    54       }
    55     }
     73  stb.stop().fadeTo(500, 1-pourcent);
    5674
    5775  });
     76jQuery('#scrolltobottom a').mouseout(function () {
     77  stb.stop().fadeTo(500, 0);
     78
     79});
     80jQuery('#scrolltotop a').mouseover(function () {
     81  wmax = jQuery("body").height() - jQuery(window).height();
     82  scrollTop = jQuery(window).scrollTop();
     83  pourcent = (scrollTop / wmax);
     84  stt.stop().fadeTo(500, pourcent);
     85
    5886  });
     87jQuery('#scrolltotop a').mouseout(function () {
     88  stt.stop().fadeTo(500, 0);
     89});
    5990
    6091  jQuery('#scrolltobottom a').click(function () {
    61     pos = jQuery('#the_page').outerHeight();
     92  pos = jQuery("body").height() - jQuery(window).height(); ;
    6293    jQuery('html, body').animate({
    6394      scrollTop: pos + 'px'
    6495    }, 1000, function () {
    65 
    66       stt.stop().fadeTo(1000, 0);
    67       stb.stop().fadeTo(1000, 1);
    6896
    6997    });
     
    7199
    72100  jQuery('#scrolltotop a').click(function () {
    73 
    74101    pos = 0;
    75102    jQuery('html, body').animate({
    76103      scrollTop: pos + 'px'
    77     }, 1000, function () {
    78       stb.stop().fadeTo(1000, 0);
    79       stt.stop().fadeTo(1000, 1);
     104  }, 0, function () {
     105
     106
    80107    });
    81108  });
     109//===================================================================     
    82110
    83111
    84   function gotoPos(pos) {
    85     jQuery('html, body').animate({ scrollTop: jQuery('body').outerHeight() + 'px' },
    86      0, function () {
    87        scrollBottom = jQuery(window).scrollTop();
    88112
    89113     });
    90 
    91 
    92     return false;
    93   }
    94   //===================================================================   
    95   // jQuery(window).resize();
    96   jQuery(window).scroll();
    97 
    98 
    99114});
    100115//=========================================================
  • extensions/Autosize/js/autosize.dimensions.js

    r11277 r11961  
    145145          Css = jQuery(elem).getStyles(elem);
    146146          myposition = Css.position.toString() || "";
    147 
    148 
    149147          width = jQuery(elem).outerWidth();
    150148          height = jQuery(elem).outerHeight();
     149          elem_parent =elem.parentElement;
     150          if (typeof elem_parent == "undefined") {
     151            elem_parent = window;
     152          }
     153          if (typeof Css.width != "undefined")
     154            width = jQuery(elem).Get_Val_int(Css.width, jQuery(elem_parent).width(), 0);
     155
     156          if (typeof Css.height != "undefined")
     157            height = jQuery(elem).Get_Val_int(Css.height, jQuery(elem_parent).height(), 0);
     158
     159
     160
     161
    151162
    152163
     
    318329        }
    319330        el = this.get(0);
    320         var reg1 = new RegExp("auto", "g")
     331        var reg1 = new RegExp("auto", "g");
    321332        if (myObj.match(reg1)) {
    322333          return Maxi_val;
     
    325336          myObj = num(el, prop);
    326337        else {
    327           reg1 = new RegExp("px", "g")
     338          reg1 = new RegExp("px", "g");
    328339          if (myObj.match(reg1)) {
    329340
     
    331342
    332343          } else {
    333             reg1 = new RegExp("%", "g")
     344            reg1 = new RegExp("%", "g");
    334345            if (myObj.match(reg1)) {
     346              myObj = myObj.replace(reg1, "");
    335347              val = Math.ceil(myObj * Maxi_val / 100);
    336348              return val;
Note: See TracChangeset for help on using the changeset viewer.