Forum CMS Made Simple FR

Forum CMS Made Simple FR > Général > Modules, Tags > [Résolu]Gallerie : Visuel d'images en largeur compressées
Version complète : [Résolu]Gallerie : Visuel d'images en largeur compressées
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.

jcpapa

27/05/2015, 10:50:52
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.13
#~ Url du site : http://www.les-arts-du-coin.fr
#~ Hébergeur / Soft : ovh
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.13
#~ Installed Modules:
#~ CMSMailer: 5.2.2
#~ CMSPrinting: 1.0.5
#~ FileManager: 1.4.5
#~ MenuManager: 1.8.6
#~ MicroTiny: 1.2.9
#~ ModuleManager: 1.5.8
#~ News: 2.15.1
#~ Search: 1.7.12
#~ ThemeManager: 1.1.8
#~ CGExtensions: 1.46.4
#~ CGSmartImage: 1.18
#~ Gallery: 2.0.2
#~ Captcha: 0.5.2
#~ FormBuilder: 0.8.1.1
#~ CGJobMgr: 1.3.4
#~ NMS: 2.9.5
#~ CGSimpleSmarty: 1.8
#~ CGContentUtils: 1.5
#~ Cataloger: 0.11.3
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 64000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale: fr_FR.utf8
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.5.22
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 0
#~ memory_limit: 512M
#~ max_execution_time: 300
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (0700)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: fpm-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.1.73
#~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,

J'ai un souci avec mes galeries d'images et le gabarit Lightbox.
Mes modules sont mis à jour...
Tout fonctionnait nickel et depuis un moment, le visuel "zoomé" de mes images est compressé en largeur.
Pour les vignettes qui apparaissent sur mes pages : pas de souci. J'ai bien un les vignettes carrées demandées et recadrées... En revanche, lorsqu'on clique sur l'une d'entre elles : L'image agrandi a la bonne hauteur mais se trouve compressée en largeur... Exemple
J'ai bien sûr essayé d'intervenir (sans succès) sur le CSS correspondant de Lightbox que voici :

Code :
[== Indéfini ==]
.gallery .img {
    height: 120px;
    /*width: 120px;   Adjust as you see fit */
    float: left;
    margin: 10px;
    text-align: center;
}

.gallery .img a {
    display: inline-block;
    border: 2px solid #ddd;
    padding: 1px;
}

.gallery .img a:hover {
    border-color: #999;
}

.gallery img {
    border: none;
}

.gallery .pagenavigation {
    height: 5px;
}

.gallery .prevpage a, .gallery .prevpage em {
    display: block;
    width: 50px;
    height: 39px;
    float: left;
    margin: 0;
    text-indent: -1000px;
    background: url(../../images/previous.png) transparent no-repeat 0 0;
    overflow: hidden;
}

.gallery .nextpage a, .gallery .nextpage em {
    display: block;
    width: 50px;
    height: 39px;
    float: left;
    margin: 0 6px 0 0;
    text-indent: -1000px;
    background: url(../../images/next.png) transparent no-repeat 0 0;
    overflow: hidden;
}

.gallery .parentlink a {
    display: block;
    width: 50px;
    height: 39px;
    float: left;
    text-indent: -1000px;
    background: url(../../images/uppage.png) transparent no-repeat 0 0;
    overflow: hidden;
}

.gallery .pagenavigation a:hover {
    background-position: 0 -40px;
}

.gallery .prevpage em, .gallery .nextpage em {
    background-position: 0 -80px;
}

.gallery .pagelinks {
    float: right;
    border-right: 2px solid #666;
}

.gallery .pagelinks a, .gallery .pagelinks em {
    margin-top: 6px;
    padding: 0 6px;
    border-left: 2px solid #666;
    text-align: center;
    font: bold 11px verdana; color: #666;
}

.gallery .pagelinks em {
    color: #000;
}

.galleryclear {
    clear: both;
}


/* LIGHTBOX  -  version 2.51 */

#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 10px;
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-prev:hover {
  background: url(../lightbox/images/prev.png) left 48% no-repeat;
}

.lb-next:hover {
  background: url(../lightbox/images/next.png) right 48% no-repeat;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

.lb-data .lb-close:hover {
  cursor: pointer;
}

.lb-data .lb-caption>em {
  font-style: normal;
  font-weight: normal;
}

J'ai réinitialisé les valeurs d'origine et là... Miracle, tout revient à la normale !
Je crois avoir résolu mon problème... j'installe une nouvelle galerie et paf, ça recommence.
Je me demande si ça ne provient pas du gabarit javascript (ci-dessous) que je ne maîtrise évidemment pas !?

Code :
[== Indéfini ==]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="modules/Gallery/templates/lightbox/lightbox.min.js"></script>

Merci, si vous avez une piste.

Jean le Chauve

27/05/2015, 11:53:42
2° Ta version de foundation 5.02 date du 11/2013, nous en sommes à 5.5.2 04/2015 (http://foundation.zurb.com/docs/changelog.html).
1° Tu appelles 2 fois JQuery : jquery.min.js et jquery.js.
jquery.min est la version minifiée de jquery.js. Et comme tu utilises une ancienne version de foundation, ton jquery.min.js est de toutes façons obsolète.
3° Le fichier css que tu utilises correspond à la version 2.5.1 de Lightbox (version affichée aux environs de la ligne 90) et tu utilises la version 2.7.1 (version affichée dans lightbox.min.js).

jcpapa

27/05/2015, 12:02:08
Aïe... ! Aïe... ! Aïe... !
Tout est vieux chez moi... Sad
Bon bon..
Ok. m'en vais essayer de mettre tout ça à jour !
Merci m'sieur... Rolleyes

jcpapa

27/05/2015, 15:54:52
Merci,
J'ai donc supprimé et rechargé le module Galerie... Tout est rentré dans l'ordre avec le bon CSS pour Lightbox.
En revanche, le download de Foudation 5.5.2 04/2015 n'a pas de fichier XML contrairement à "ma version 5.0.2" qui était payante mais possèdait, elle un XML adapté à CMSMS qui permettait de l'upgrader dans le CMS à partir de administration...
Sais-tu comment pratiquer ?
Je m'aperçois que j'ai un répertoire Foundation-5.0.2 à la racine du site mais que j'en ai également un sous le répertoire Uploads. J'imagine qu'il y en a un de trop... mais je ne vois pas lequel mettre à jour !?

Jean le Chauve

27/05/2015, 16:36:23
Citation :J'ai donc supprimé et rechargé le module Galerie... Tout est rentré dans l'ordre avec le bon CSS pour Lightbox.
Tu peux écrire [Résolu].
Pour le reste, pose ta question sur le site de foundation.

jcpapa

27/05/2015, 16:38:42
OK... Merci

Jean le Chauve

27/05/2015, 16:53:14
Citation :En revanche, le download de Foudation 5.5.2 04/2015 n'a pas de fichier XML contrairement à "ma version 5.0.2" qui était payante mais possèdait, elle un XML adapté à CMSMS qui permettait de l'upgrader dans le CMS à partir de administration...
Je pense que ce fichier xml est tout simplement un export du thème via l'export de cmsms (pose la question à ton vendeur) et n'a donc pas grand chose à voir avec foundation. Il faudrait regarder son contenu pour le savoir vraiment.
Pour upgrader foundation, il me semble que tu n'as qu'à uploader les fichiers pour remplacer les anciens (à vérifier).
Pour le répertoire, regarde s'ils contiennent la même chose et inspecte les chemins.

jce76350

27/05/2015, 17:44:48
HS ; Heureusement que notre jcpapa est la pour poser les questions parce en ce moment c'est calme le Forum :lol:

jcpapa

27/05/2015, 18:42:32
Ha ! Ha ! Ne croyez pas que je vais vous lâcher comme ça !!! :lol:
J'ai des tonnes d'idées... et forcément plein de questions qui vont avec... !
Mais... , je fais mes petits essais avant... je lis... je me renseigne... je me plante... je me tâte... et j'y vais de ma petite question... et je me fais tirer les oreilles... :p Et je reviens à la charge... Je suis du genre cancre... d'accord, mais un cancre qui bosse, nom de d'là !

Alors ... à bientôt. Wink
Forum CMS Made Simple FR > Général > Modules, Tags > [Résolu]Gallerie : Visuel d'images en largeur compressées