Bonjour,

Je me présente Jérémy, nouveau sur OpenElement et nouveau dans la création de site web ^^

J'ai beaucoup appris en 2/3 mois ma là je bloque…

J'ai un problème avec mon script.
J'ai une multitude d'image et lorsque je clique sur l'une d'elle, elle s'ouvre en plein écran. Problème avec le "Panneau d'élément" cela me fait une image beaucoup trop grosse. Mon problème: http://www.bemontet.com/Nos%20Projets.htm
J'aimerais que celle-ci s'adapte donc à la taille de mon "panneau d'élément" et non de ma fenêtre Windows.

Ci-joint la partie du lien qui me pose problème je pense:

// get the size of one image to make it full size and centered
                                   getImageDim                         = function( src ) {
                                        
                                        var img          = new Image();
                                        img.src          = src;
                                        
                                        var w_w     = $(window).width(),
                                             w_h     = $(window).height(),
                                             r_w     = w_h / w_w,
                                             i_w     = img.width,
                                             i_h     = img.height,
                                             r_i     = i_h / i_w,
                                             new_w, new_h,
                                             new_left, new_top;
                                        
                                        if( r_w > r_i ) {
                                        
                                             new_h     = w_h;
                                             new_w     = w_h / r_i;
                                        
                                        }     
                                        else {
                                        
                                             new_h     = w_w * r_i;
                                             new_w     = w_w;
                                        
                                        }
                                        
                                        return {
                                             width     : new_w,
                                             height     : new_h,
                                             left     : (w_w - new_w) / 2,
                                             top          : (w_h - new_h) / 2
                                        };
                                   
                                   };

Cette fonction retourne en effet la taille et la position finale de l'image.

Edité par Hobby001 - 28 Sep 2019 à 19:46