Changeset 7536 for extensions/Autosize/js/Affiche_script.js

Timestamp:

Nov 1, 2010, 10:25:51 AM (13 years ago)

Author:

cljosse

Message:

[Autosize][beta] save.

File:

• extensions/Autosize/js/Affiche_script.js (modified) (35 diffs)

extensions/Autosize/js/Affiche_script.js

@@ -1 @@
-var cl_visible = true;
+
 function Toggle_bp() {
     cl_visible = !cl_visible;
@@ -20 +20 @@
 
 jQuery(document).ready(
+
       function (jQuery) {
+         
+
+          if (DEBUG == "false") {
+              jQuery("#Debug").hide();
+              jQuery("#Debug1").hide();
+              jQuery("#Debug2").hide();
+          }
           var img_top = "0";
 
@@ -30 +38 @@
           var marges_llgbo = 0;
           if (llgboframe.length > 0) {
-
-              marges_llgbo = jQuery(llgboframe).outerWidth() - jQuery("#gbo div:last").innerWidth();
+              ll1 = jQuery(llgboframe).info();
+              ll2 = jQuery("#gbo div:last").info();
+              marges_llgbo = (ll1.width - ll2.width) + ll2.borderwidth.left + ll2.borderwidth.right;
           }
 
@@ -47 +56 @@
 
 
-
+          //=============================================================
           function cl_Timer() {
               //   if (!jQuery.browser.msie) { jQuery(function () { alert(jQuery.browser.version); }); }
@@ -64 +73 @@
               setTimeout("cl_Timer()", 500);
           }
+          //=============================================================
           function onPropertyChange(e) {
               var el = e.srcElement;
@@ -89 +99 @@
           */
           function Info_entete(Parent) {
+          
               var info_imageToolBar = jQuery("#imageToolBar").info();
               if (info_imageToolBar.position == "absolute") {
@@ -97 +108 @@
 
               if (info_theImage.position == "relative") {
-                  //--- passage absolute ==> static ===/
+                  //--- passage relative ==> static ===/
                   jQuery("#theImage").css("position", "static");
                   info_theImage = jQuery("#theImage").info();
@@ -108 +119 @@
 
               }
-
+ 
               marge_top = Info_the_page.top +
                                      Info_the_page.borderwidth.top +
@@ -122 +133 @@
           */
           function Info_description(Parent) {
-              jQuery("#" + Parent + " p").css({ padding: "0px", margin: "0px "
-              });
+
+
               //  jQuery("#" + Parent + " p:not(:contains(' ')) ").remove();
 
@@ -136 +147 @@
                       marginRight: "auto",
                       marginTop: "0px",
-                      marginBottom: "0px"
+                      marginBottom: "0px", position: "absolute", top: Bandeau + "px"
                   });
               } else {
-                  jQuery("#" + Parent).css({ padding: "0px",
-                      marginLeft: "auto",
-                      marginRight: "auto",
-                      marginTop: "0px",
-                      marginBottom: "0px"
+
+                  /*   jQuery("#" + Parent).css({ padding: "0px",
+                  marginLeft: "auto",
+                  marginRight: "auto",
+                  marginTop: "0px",
+                  marginBottom: "0px"
                   });
-              }
+                  */
+
+              }
+
+
+              //   jQuery("#" + Parent + " p").css({ padding: "0px", margin: "0px "    });
+
 
               if (theme.match(RegExp("luciano", "g"))) {
-                  info_img = jQuery("#" + Parent + " #theImg").info();
+                  info_img = jQuery("#" + Parent + " #theImg img").info();
+
               } else {
 
@@ -165 +184 @@
               //=============================================================================
               info_desc = jQuery("#" + Parent + " p:first").info();
+              if (info_desc.bottom < info_img.bottom)
+                  info_desc.bottom = info_img.bottom;
+
               //  if (info_desc.top > info_img.bottom)
               //     info_description.top = info_desc.top;
 
-
+              if (jQuery("#Panorama").length) {
+                  Type_Img = "panorama";
+                  //  cl_visible = false;
+
+              }
               info_table = jQuery(".infoTable").info();
 
@@ -180 +206 @@
               if (info_licencetag.bottom > 0) {
                   jQuery(".licencetag").css("border", "solid 5px transparent");
-                  if (info_licencetag.bottom > info_licencetag.height)
-                      info_description.bottom = info_licencetag.bottom - 3;
+                  if (info_licencetag.bottom > info_description.bottom) {
+                      info_description.bottom = info_licencetag.bottom;
+                  }
                   else
-                      info_description.bottom -= info_licencetag.padding.top + info_table.margin.top;
+                      info_description.bottom += info_table.margin.top + info_table.padding.top;
 
               }
@@ -217 +244 @@
                   }
               }
+
+              if (theme.match(RegExp("luciano", "g"))) { info_description.bottom -= 30 }
+
               info_description.height = info_description.bottom - info_description.top;
 
-              if (0) {
+
+              if (DEBUG == "true") {
+
                   /*  jQuery("#Debug").text(jQuery("#Debug").text() + user_status);    
         
-                  jQuery("#Debug").hide();
-                  jQuery("#Debug1").hide();
-                  jQuery("#Debug2").hide(); 
+
                   info_description.width = "800";
                   */
-
+                  jQuery("#Debug").css('display', 'block');
+                  jQuery("#Debug1").show();
+                  jQuery("#Debug2").show();
                   Bandeau_bas = info_description;
 
@@ -257 +289 @@
                   });
                   jQuery("#Debug2").text("Debug2:Bandeau_bas bottom :" + Bandeau_bas.bottom);
-                  //  cl_visible = false;
+
               }
 
@@ -285 +317 @@
               jQuery().recentrage_widget();
           })
-
+          jQuery("#icon_gmaps").bind('click', function () {
+              jQuery().recentrage_widget();
+          })
 
 
@@ -315 +349 @@
           jQuery(window).resize(function (event, ui) {
               if (typeof (event) == 'undefined') return;
-              if (!cl_visible) return;
+              if (!cl_visible == true) return;
               if (eval(user_status + "_enabled") == "") return;
               var chk = eval(user_status + "_enabled");
@@ -334 +368 @@
               //===========================================================================
 
-
-              var Cadre = jQuery("#theImage").get(0);
 
               var Type_Img = "";
@@ -349 +381 @@
               } else if (jQuery("#Panorama").length) {
                   Type_Img = "panorama";
-              } else if (jQuery(Cadre).find("img").length > 0) {
+              } else if (jQuery("#theImage").find("img").length > 0) {
                   Type_Img = "img";
               } else if (jQuery("img").length > 0) {
@@ -360 +392 @@
 
 
+              var Cadre = jQuery("#theImage").get(0);
               var info_Cadre = jQuery(Cadre).info();
               //===============  Information cadre ======
@@ -379 +412 @@
               var info_theHeader = jQuery("#theHeader").info();
 
-              var marge = (Zone_Affichage.width - info_ToolBar.width) / 2;
+
+              var marge = 0;
+              if (info_ToolBar.width > 0)
+                  marge = (Zone_Affichage.width - info_ToolBar.width) / 2;
 
               var marge_right = marge;
@@ -394 +430 @@
 
               winwidth -= (marge_right + marge_left);
+
 
 
@@ -454 +491 @@
 
                   case "panorama":
-
-                      var w00 = 0;
-                      jQuery("#Panorama img").each(function (i) {
-                          w0 = this.width;
-                          if (w0 > w00) {
-                              TheImg = this;
-                              n = TheImg.nameProp;
-                              w00 = w0;
-                          }
-                      });
-
+                      // return;
+
+
+                      TheImg = Get_Img_Maxi("#Panorama img");
                       info_theImage = jQuery(TheImg).info();
                       info_the_page = jQuery("#the_page").info();
@@ -472 +502 @@
 
                       if (!TheImg) return;
+                      if (theme.match(RegExp("luciano", "g"))) {
+                          TheImg = jQuery("#the_page #theImg");
+                      }
                       info_theImage = jQuery(TheImg).info();
                       info_the_page = jQuery("#the_page").info();
@@ -573 +606 @@
               var Licence = jQuery(".licencetag");
               info_Licence = jQuery(".licencetag").info();
-              //==================================================================================
+
               jQuery("#theImage #theImg IMG").css("marginTop", "0px")
-
+              //========== Correction en fonction du thème =============================
               var correction = 0;
               if (theme.match(RegExp("sobre", "g"))) {
@@ -584 +617 @@
                   correction += 0; //??
               } else if (theme.match(RegExp("luciano", "g"))) {
-                  correction += 0; //??
+                  correction = 0; //??
+
               } else if (theme.match(RegExp("simple", "g"))) {
                   correction += 0; //??
@@ -682 +716 @@
 
                   t1 = jQuery(llgboframe).info();
-
-
+                  if (!TheImg.src) {
+                      TheImg = jQuery(TheImg).find("img").get(0)
+                  }
                   if (TheImg.src) {
 
@@ -689 +724 @@
                       Image_height -= marges_llgbo; // réduction frame
                       if (rapport > 1) {
-                          jQuery("#gbo").outerWidth(Image_width);
-                          jQuery("#gbo").css("width", Image_width + "px");
-
+                          if (Image_width > winwidth) {
+                              jQuery("#gbo").outerWidth(winwidth);
+                              jQuery("#gbo").css("width", winwidth + "px");
+                          }
+                          else {
+                              jQuery("#gbo").outerWidth(Image_width);
+                              jQuery("#gbo").css("width", Image_width + "px");
+                          }
 
                           t1 = jQuery("#gbo div:last").info();
 
-                          Image_width = jQuery("#gbo div:last").innerWidth();
+                          Image_width = t1.width - (t1.borderwidth.left + t1.borderwidth.right);
                           Image_height = parseInt(Image_width / rapport);
 
                           jQuery("#gbo").outerHeight(Image_height + marges_llgbo);
                           jQuery("#gbo").css("height", (Image_height + marges_llgbo) + "px");
-                          if ( jQuery.browser.msie) {
-                              jQuery("#gbo").css("paddingBottom", 18 + "px");
+                          if (jQuery.browser.msie) {
+                              jQuery("#gbo").css("paddingBottom", 17 + "px");
                           }
 
@@ -707 +747 @@
                           Image_height -= 4;
                           Image_width -= 4;
+                          if (Image_width > winwidth) {
+                              jQuery("#gbo").outerWidth(winwidth);
+                              jQuery("#gbo").css("width", winwidth + "px");
+                          }
+                          else {
+                              jQuery("#gbo").outerWidth(Image_width);
+                              jQuery("#gbo").css("width", Image_width + "px");
+                          }
+
                           jQuery("#gbo").css("height", (Image_height + marges_llgbo) + "px");
+                          jQuery("#gbo").height(Image_height + marges_llgbo);
+
                           jQuery("#gbo").css("width", Image_width + marges_llgbo + "px");
-
-                          Image_width = jQuery("#gbo div:last").innerWidth();
-                          Image_height = parseInt(Image_width / rapport);
+                          jQuery("#gbo").width(Image_width + marges_llgbo);
+
+
+
+                          if (jQuery.browser.msie) {
+                              jQuery("#gbo").css("paddingBottom", 17 + "px");
+                          }
 
                       }
-
+                      //  jQuery("#" + Parent + " p:not(:contains(' ')) ").remove();
+                      a0 = jQuery("area[rel!=up][rel!=prev][rel!=next]");
                       a1 = jQuery("area[rel=prev]");
                       a2 = jQuery("area[rel=next]");
-
+                      a3 = jQuery("area[rel=up]");
+                      nb_zone = 3;
                       if (a1.length == 0) {
-                          jQuery("area[rel=prev]").attr({ coords: "'" + 0 + ",0," + 0 + "," + 0 + "'" });
-                          jQuery("area[rel=up]").attr({ coords: "'" + 0 + ",0," + Image_width / 2 + "," + Image_height + "'" });
-                          jQuery("area[rel=next]").attr({ coords: "'" + Image_width / 2 + ",0," + (Image_width) + "," + Image_height + "'" });
-
-                      } else if (a2.length == 0) {
-                          jQuery("area[rel=prev]").attr({ coords: "'" + 0 + ",0," + (Image_width) / 2 + "," + Image_height + "'" });
-                          jQuery("area[rel=up]").attr({ coords: "'" + Image_width / 2 + ",0," + (Image_width * 2) / 2 + "," + Image_height + "'" });
-                          jQuery("area[rel=next]").attr({ coords: "'" + 0 + ",0," + 0 + "," + 0 + "'" });
-
+                          nb_zone -= 1;
+                      }
+                      if (a2.length == 0) {
+                          nb_zone -= 1;
+                      }
+
+
+                      var Largeur_zone = (Image_width / nb_zone);
+                      var Hauteur_zone = (Image_height);
+                      var init_zone = 0;
+
+                      if (a1.length > 0) {
+                          coord = { x0: init_zone, y0: 0, x1: Largeur_zone, y1: Hauteur_zone };
+
+                          jQuery("area[rel=prev]").attr({ coords: "'" + coord.x0 + "," + coord.y0 + "," + coord.x1 + "," + coord.y1 + "'" });
+                          init_zone += Largeur_zone;
+                      }
+
+                      coord = { x0: init_zone, y0: 0, x1: init_zone + Largeur_zone, y1: Image_height };
+
+                      if (a0.length > 0) {
+                          jQuery("area[rel=up]").attr({ coords: "'" + coord.x0 + "," + coord.y0 + "," + coord.x1 + "," + (coord.y1 / 2) + "'" });
+                          jQuery(a0).attr({ coords: "'" + coord.x0 + "," + (coord.y1 / 2) + "," + coord.x1 + "," + (coord.y1) + "'" });
                       } else {
-
-                          jQuery("area[rel=prev]").attr({ coords: "'" + 0 + ",0," + (Image_width) / 3 + "," + Image_height + "'" });
-                          jQuery("area[rel=up]").attr({ coords: "'" + Image_width / 3 + ",0," + (Image_width * 2) / 3 + "," + Image_height + "'" });
-                          jQuery("area[rel=next]").attr({ coords: "'" + (Image_width * 2) / 3 + ",0," + (Image_width) + "," + Image_height + "'" });
+                          jQuery("area[rel=up]").attr({ coords: "'" + coord.x0 + "," + coord.y0 + "," + coord.x1 + "," + (coord.y1) + "'" });
                       }
-
+                      init_zone += Largeur_zone;
+
+                      if (a2.length > 0) {
+                          coord = { x0: init_zone, y0: 0, x1: init_zone + Largeur_zone, y1: Image_height };
+                          jQuery("area[rel=next]").attr({ coords: "'" + coord.x0 + "," + coord.y0 + "," + coord.x1 + "," + coord.y1 + "'" });
+                      }
+
+
+
+
+
+                      /*
+                      jQuery("area[rel=prev]").attr({ coords: "'" + 0 + ",0," + (Image_width) / nb_zone + "," + Image_height + "'" });
+                      jQuery("area[rel=up]").attr({ coords: "'" + Image_width * (nb_zone - 1) / (nb_zone + 1) + ",0," + (Image_width * (nb_zone - 1)) / (nb_zone + 1) + "," + Image_height + "'" });
+                      jQuery("area[rel=next]").attr({ coords: "'" + (Image_width * (nb_zone - 1)) / (nb_zone + 1) + ",0," + (Image_width * (nb_zone + 1)) / (nb_zone + 1) + "," + Image_height + "'" });
+                      */
 
                   }
@@ -742 +825 @@
               //  Image_height, Image_width = valeur a atteindre.
               if (theme.match(RegExp("luciano", "g"))) {
+                  //---- information en dehors du cadre 
                   Zone_Affichage.height -= Bandeau_bas.height;
                   jQuery(Cadre).height(Zone_Affichage.height);
@@ -749 +833 @@
               //=========================================================
 
-              jQuery(Cadre).css("top", "0px");
+              //  jQuery(Cadre).css("top", "0px");
               jQuery("#standard").css("top", 0 + "px");
               jQuery("#comments").css("top", 0 + "px");
@@ -794 +878 @@
               } else if (Type_Img == "panorama") {
 
-                  //      jQuery(TheImg).panorama2(img_finale.height, img_finale.width);
-                  jQuery(TheImg).height(img_finale.height);
-                  jQuery(TheImg).width(img_finale.width);
+                  // -----     jQuery(TheImg).panorama2(img_finale.height, img_finale.width);
+                  // jQuery(TheImg).height(img_finale.height);
+                  // jQuery(TheImg).width(img_finale.width);
                   jQuery("#Panorama div").height(Image_height);
                   //  class=simple_panorama
@@ -854 +938 @@
                   jQuery(TheImg).css("height", img_finale.height + "px");
                   jQuery(TheImg).css("width", img_finale.width + "px");
+
               }
 
@@ -889 +974 @@
                       if (jQuery("#navThumbPrev").length > 0) {
                           jQuery("#navThumbPrev").css({ height: info_img.height + "px",
-                              top: info_img.top 
+                              top: info_img.top
                           });
                       }
                       if (jQuery("#navThumbNext").length > 0) {
                           jQuery("#navThumbNext").css({ height: info_img.height + "px",
-                              top: info_img.top 
+                              top: info_img.top
                           });
                       }
@@ -902 +987 @@
                   } else {
 
-                      jQuery("#imageToolBar").css("position", "static");
+                      //    jQuery("#imageToolBar").css("position", "static");
                   }
               } catch (e) {
@@ -946 +1031 @@
 
       } // function
-);                                                                                                                                                                                                                                                                                                                                                                                         // ready
+);                                                                                                                                                                                                                                                                                                                                                                                                                                // ready
     /*
 *