Navigation horizontale jQuery
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:
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:
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:
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:
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 !! :hola:
D'avance un graaaaaaand merci !!
