Jscrollpane et site full background image
Bonjour à tous,
Je créé le site d'un photographe en HTML5/CSS3 et PHP. Je dois réaliser un site full screen background image (en hd of course) avec un scroll uniquement horizontal.
Comme ceci : http://www.claytonbozard.com
Je souhaitais customiser la scrollbar et je me suis tournée vers des Plugins jQuery, notamment Jscrollpane http://jscrollpane.kelvinluck.com/
J'ai installé les différents fichiers et paramétré les dimensions de mon conteneur dans mon CSS.
Voici mes soucis :
- Firefox et IE affichent les deux scrollbars et ne respectent pas le height 100% pour mes images (les paysages sont très petites et les portraits trop grands)
- Chrome n'affiche que la scrollbar verticale
Mon conteneur section possède une requête PHP qui va chercher les images dans un répertoire, voici son CSS :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| section {
width: 100%;
height: 100%;
white-space: nowrap;
position: absolute;
overflow: auto;
overflow-y: hidden;
}
section img {
display:inline-block;
height: 100%;
} |
Si quelqu'un a une idée, merci !
