Changeset 12547 for extensions/stripped/js/scripts-tpp.js

Timestamp:

Nov 5, 2011, 12:36:01 PM (12 years ago)

Author:

Zaphod

Message:

version 2.0.0

File:

• extensions/stripped/js/scripts-tpp.js (modified) (2 diffs)

extensions/stripped/js/scripts-tpp.js

@@ -128 +128 @@
         }
 
-        Init_nav_thumbs();
-
         
         // Image autosize function inspired from Autosize Plugin (from cljosse)
-        var img_W0=0;
-        var img_H0=0;
-        var img_ratio=0;
+
+        var img_ratio=image_w / image_h;
 
         if (options.imageAutosize) {
+        
                 // Autosize image
                 jQuery(window).resize(function () {
-                
-                        var marge_inf_sup = options.imageAutosizeMargin;
-                        var Hmin = options.imageAutosizeMinHeight;
-                        
-                        var ImageContainer;
-                        
-                        if (options.imageAutosizeTitle) {
-                                ImageContainer = jQuery("#theImageAndTitle");
-                        } else {
-                                ImageContainer = jQuery("#theImage");
-                        }
+                        
+                        var Fenetre = jQuery(window);
+                        var ImageContainer = jQuery("#theImageAndTitle");
+                        var ImageCadre = jQuery("#theImg");
                         var Image = jQuery("img","#theImg");
                         var TitleBox=jQuery("#imageTitleContainer");
 
+                        var marge_cote;
+                        
+                        if (options.navArrows) {marge_cote=30;} else {marge_cote=10;};
+
+                        var marge_sup = 30;
+                        var marge_inf;
+                        if (options.themeStyle == 'original') { marge_inf = options.imageAutosizeMargin+10;} else { marge_inf = 30;};
+                        var marge_spec = 0;
+                        
+                        var slideshow=jQuery("#light_slideshow");
+                        if (slideshow.length!=0) {
+                                marge_inf = 5;
+                                marge_spec = 25;
+                        }
+                        
+                        var Hmin = options.imageAutosizeMinHeight;
+                        
                         if (Image.length != 1) {
                                 if (TitleBox.length !=0) TitleBox.css("width","97%");
                                 return;
                         }
-                        
-                        var marge_inf = ImageContainer.height()-Image.height()+marge_inf_sup;
-                        var pos0 = jQuery(Image).offset();
-                        if (!pos0) return;
-                        var img_top = Math.round(parseFloat(pos0.top));
-                        var win_height = jQuery(window).height();
-                        var img_H = win_height - img_top - marge_inf;
+
+                        marge_inf = ImageContainer.height()-Image.height()+marge_inf;
+                        var win_height = Fenetre.height();
+                        var img_H = win_height - marge_sup - marge_inf;
                         var max_H = img_H;
-                        
-                        if (img_W0==0){
-                                img_W0=Image.width();
-                                img_H0=Image.height();
-                                img_ratio=img_W0/img_H0;
-                        }
-
-                        if (img_W0 == 0) return;
-
-                        if (img_H >= img_H0) img_H=img_H0;
-                        if (img_H <= Hmin) img_H=Hmin;
+
+                        
+                        if (img_H >= image_h) img_H = image_h;
+                        if (img_H <= Hmin) img_H = Hmin;
 
                         var img_W = Math.round(parseFloat(img_H * img_ratio));
                         
-                        var max_W = jQuery("#content").width() - Image.outerWidth() + Image.width();
+
+                        var marge_image = ImageCadre.outerWidth() - Image.width();
+/* à modifier */
+                        var ext_width;
+                        
+                        if (options.themeStyle == 'original') { ext_width = jQuery("#content").width();} else {ext_width = Fenetre.width();};
+                        var max_W = ext_width - marge_image - marge_cote * 2;
+                        
                         if (img_W > max_W) {
-                                var img_H = Math.round(parseFloat(max_W / img_ratio));
-                                if (img_H <= Hmin) {
-                                        img_H = Hmin;
-                                        img_W = Math.round(parseFloat(img_H * img_ratio));
-                                } else {
-                                        img_W = max_W;
-                                }
-                        }
-
+                                img_H = Math.round(parseFloat(max_W / img_ratio));
+                                img_W = max_W;
+                        }
+                        
                         Image.css("width", img_W + "px");
-                        Image.css("height", img_H+ "px");
-                        
+                        Image.css("height", img_H + "px");
+
+                        if (options.themeStyle != 'original') {
+                                var marge_tot = win_height - img_H - marge_inf - marge_sup - marge_spec;
+                                if (marge_tot < 0) marge_tot=0;
+                        
+                                var marge = marge_sup + Math.round(parseFloat(marge_tot / 2));
+
+                                ImageContainer.css("top",marge+"px");
+                        }
+
+                        // limit img title Container width
+
+                        if (TitleBox.length != 0) {
+                                TitleBox.css("min-width",jQuery("#theImg").outerWidth()+"px");
+                        }
+
                         jQuery.cookie("stripped_max_width",max_W);
                         jQuery.cookie("stripped_max_height",max_H);
 
+                        ImageContainer.css("opacity","1");
+                        ImageCadre.css("opacity","1");
+                        TitleBox.css("opacity","1");
+
+
                         // limit img title Container width
-
+/*
                         if (TitleBox.length != 0) {
-                                TitleBox.css("min-width",jQuery("#theImg").outerWidth()+"px");
-                        }
-
-                        Calc_nav_thumbs_pos();
-                        
+                                var TBminW = jQuery("#theImg").outerWidth();
+                                TitleBox.css("min-width",TBminW + "px");
+                                if (TitleBox.width() > TBminW) {
+                                        TitleBox.children().css("text-align","justify");
+                                } else {
+                                        TitleBox.children().css("text-align","center");
+                                }
+                        }
+*/
+                        // test
+                        if (options.themeStyle != 'original') {
+                                var max_footer_width = jQuery("#content").width() - jQuery("#tabTitles").width() - 5;
+                                jQuery("#copyright").css("max-width",max_footer_width);
+                        }
                         return;
 
@@ -209 +238 @@
                 
                 jQuery(window).resize();
+                jQuery(window).resize();
         
         }       else {
-
+                jQuery("#theImageAndTitle").css("opacity","1");
                 var TitleBox=jQuery("#imageTitleContainer");
                 if (TitleBox.length !=0) TitleBox.css("width","97%");
                 
-                jQuery(window).resize(function () {
-                        Calc_nav_thumbs_pos();
-                        return;
-                });
+        }
+        
                 
-        }
-                
-        Calc_nav_thumbs_pos()
-
 });
 
-function Init_nav_thumbs() {
-        var tfade=options.navThumbsFade;
-
-        var PrevBoxOut = jQuery("#linkPrevOut");
-        if (PrevBoxOut.length !=0)
-        {
-                var PrevBoxIn=jQuery("#linkPrevIn");
-                var PrevImgBox=jQuery("#linkPrevIn > .navThumb");
-                var PrevImg=jQuery("#linkPrevIn > .navThumb > img");
-
-                if ((jQuery("#mapPicture").length==0) && (jQuery("#Panorama").length==0) && (jQuery("#pamoorama").length==0)){
-                        PrevBoxIn.mouseenter(function(){PrevImg.stop(true, false).animate({opacity:1},tfade);});
-                        PrevBoxOut.mouseleave(function(){PrevImg.stop(true, false).animate({opacity:0},tfade);});
-                } else {
-                        PrevBoxOut.css("display","none");
-                }
-        }
-
-        var NextBoxOut = jQuery("#linkNextOut");
-        if (NextBoxOut.length !=0)
-        {
-                var NextBoxIn=jQuery("#linkNextIn");
-                var NextImgBox=jQuery("#linkNextIn > .navThumb");
-                var NextImg=jQuery("#linkNextIn > .navThumb > img");
-
-                if ((jQuery("#mapPicture").length==0) && (jQuery("#Panorama").length==0) && (jQuery("#pamoorama").length==0)){
-                        NextBoxIn.mouseenter(function(){NextImg.stop(true, false).animate({opacity:1},tfade);});
-                        NextBoxOut.mouseleave(function(){NextImg.stop(true, false).animate({opacity:0},tfade);});
-                } else {
-                        NextBoxOut.css("display","none");
-                }
-        }
-}
-
-function Calc_nav_thumbs_pos() {
-
-        var Window = jQuery(window);
-        var Content = jQuery("#content");
-        var ImageBox = jQuery("#theImg");
-        var PrevImg=jQuery("#linkPrevIn > .navThumb > img");
-
-        var window_width = Window.width();
-        var content_width = Content.width();
-        var image_width = ImageBox.width();
-
-        var PrevBoxOut = jQuery("#linkPrevOut");
-        if (PrevBoxOut.length !=0)
-        {       
-                if (PrevBoxOut.css("display") != "none") {
-                        var PrevBoxIn=jQuery("#linkPrevIn");
-                        var PrevImgBox=jQuery("#linkPrevIn > .navThumb");
-                        var PrevImg=jQuery("#linkPrevIn > .navThumb > img");
-
-                        // height
-
-                        var imgHeight = ImageBox.height()||0;
-                        PrevBoxOut.css("height",imgHeight+"px");
-
-                        var prevImgTopMargin =  parseInt( (imgHeight - PrevImgBox.outerHeight()) / 2 );
-                        PrevImgBox.css("margin-top",prevImgTopMargin+"px");
-
-                        // position
-                        
-                        var prevbox_pos1= parseInt( ( content_width - image_width + PrevImg.outerWidth()) / 2 ) + 120;
-                        var prevbox_pos0= prevbox_pos1 - PrevBoxOut.width();
-                        var left_margin = parseInt( ( window_width - content_width ) / 2 );
-                        
-                        if (prevbox_pos0 + left_margin < 0 ) {
-                                prevbox_pos0 = - left_margin
-                                prevbox_pos1 = prevbox_pos0 + PrevBoxOut.width();
-                        }
-                        var prevbox_width = prevbox_pos1 - prevbox_pos0;
-                        
-                        PrevBoxOut.css("left",prevbox_pos0+"px");
-                        PrevBoxOut.css("width",prevbox_width+"px");
-                }
-        }
-
-        var NextBoxOut = jQuery("#linkNextOut");
-        if (NextBoxOut.length !=0)
-        {
-                if (NextBoxOut.css("display") != "none") {
-                        var NextBoxIn=jQuery("#linkNextIn");
-                        var NextImgBox=jQuery("#linkNextIn > .navThumb");
-                        var NextImg=jQuery("#linkNextIn > .navThumb > img");
-
-                        // height
-
-                        var imgHeight = ImageBox.height()||0;
-                        NextBoxOut.css("height",imgHeight+"px");
-
-                        var nextImgTopMargin =  parseInt( (imgHeight - NextImg.outerHeight()) / 2 );
-                        NextImgBox.css("margin-top",nextImgTopMargin+"px");
-
-                        // position
-
-                        var nextbox_pos1= parseInt( ( content_width - image_width + NextImg.outerWidth()) / 2 ) + 120;
-                        var nextbox_pos0= nextbox_pos1 - NextBoxOut.width();
-                        var right_margin = parseInt( ( window_width - content_width ) / 2 );
-                        
-                        if (nextbox_pos0 + right_margin < 0 ) {
-                                nextbox_pos0 = - right_margin
-                                nextbox_pos1 = nextbox_pos0 + NextBoxOut.width();
-                        }
-                
-                        var nextbox_width = nextbox_pos1 - nextbox_pos0;
-                        
-                        NextBoxOut.css("right",nextbox_pos0+"px");
-                        NextBoxOut.css("width",nextbox_width+"px");
-                }
-        }
-}