Discussion :

[Sottise]

Bonjour à tous,

Je fais appel à vous, car ça fait maintenant un moment que je bloque sur un problème d'affichage avec un système de navigation à l'horizontale.

Voici mon souci :

Je suis partie d'un thème pour wordpress (http://labs.utopian.net/blogs/wplatformer/) pour réaliser un site de photo.
Ce thème ne permet d'afficher que des photos "tronquées", c'est à dire avec un width bien défini.
Ce qui m'ennuie c'est que je voudrais afficher des photos de tout formats, tout en gardant la même hauteur pour toutes les photos.

J'ai donc bidouillé le css, en créant une nouvelle classe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 .gal { 
    margin: 0px 5px 0 0px;  
    padding-left: 10px;  
     float: left;  
    max-width: auto;     
     height: 350px; 
 }

Dans le function.php j'ai modifié ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
// Output each gallery item
if($count == 1)
$output .= "<div class='gal' id='post-". $id ."'>";
if($count > 1)
$output .= "<div class='gal' id='post-". $id ."'>";
 
// Set the link to the attachment URL
		$link = "#post-". $id;
		$output .= "\t<a href=\"$img\" title=\"$title\" rel=\"$a_rel\">";
 
	// Output image
		$output .= "<img src=\"$img\" title=\"$title\" style=\"max-height:350px;max-width: auto!important;\" alt=\"$att_content\" />";
	// Close link
		$output .= "</a>";
		$output .= "</div>";

et dans le header j'ai modifié ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
        if (jQuery('.par').length > 2) {
			jQuery('.entry').width((jQuery('.par').length * '380') + jQuery('#rightsider').width());
 
		}else{
			jQuery('.entry').width(10 * 430); 
		}

Bon, pour vous expliquer en deux mots, dans le header, par défaut le code est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

    jQuery('.entry').width(3 * 430);

Je l'ai modifié par 10 * 430 parce que celui-ci me générait un width trop étroit et je me retrouvait avec des photos les unes au-dessus des autres et un affichage qui buguait.
Maintenant, mes images s'affichent bien, mais du coup il me génère un width kilométrique pour toutes mes galerie et aussi pour ma page contact, mon formulaire se retrouvant à des kilomètres à droite, de même pour mon footer (la main "back to menu")

Pour voir le site et le dis problème : http://www.hokaku.com/?page_id=32 et la page de contact : http://www.hokaku.com/?page_id=5

Est-ce que quelqu'un aurait une alternative au problème ou une proposition de code pour remédier à ce problème ?
Sachant que j'ai bloqué dessus nuit et jour et que je suis relativement une nouille en code...
Je vous serais éternellement reconnaissante !!

D'avance un graaaaaaand merci !!

[cadoudal56]

Hello,

En gros tu es en train de refaire le Jcarousel Lite, un plugin Jquery assez bien foutu d'ailleurs
http://gmarwaha.com/jquery/jcarousellite/index.php

En fait il ne te manque qu'une seule chose....

Tu as une ligne de photo qui s'affiche.
Il faut que tu "encadres" cette ligne de photo dans une DIV avec une taille et une hauteur fixe et que tu spécifie que overflow:hidden car tu ne veux pas voir la barre de défilement...
Ainsi ta ligne de photo passera dans la DIV et on ne verra pas le reste de la ligne...

@+
cadou