Je suivais ce tutoriel sur la conception d'une galerie d'images à défilement vertical.galerie d'images à défilement vertical
http://flowplayer.org/tools/demos/scrollable/vertical.html
Maintenant, quelqu'un peut-il me expliquer comment changer ces paramètres tels que je peux avoir plus de 3 lignes dans une seule page. Ou quelqu'un peut-il me montrer un tutoriel où une telle galerie d'images verticales a été faite.
Merci d'avance pour votre aide.
Hey il est pas un art sombre, ils utilisent height:665px fixe et overflow:hidden pour le conteneur parent. Il permet de masquer tous les contenus NOT. Augmentez simplement la hauteur du conteneur parent pour accueillir plus de contenu (dans ce cas, ce sont des images).
//vertical is the class of parent container in the example you provided.
.vertical {
border-top:1px solid #DDDDDD;
height:665px; // just increase it for showing more images.
overflow:hidden; //causing images to hide.
position:relative;
width:700px;
}
Working Example montrant seulement deux images
Working Example montrant quatre images
Working Example montrant fiveimages
changer la hauteur du conteneur a fait l'affaire.
.vertical {
/* required settings */
position:relative;
overflow:hidden;
/* vertical scrollers have typically larger height than width */
height: 886px; /* original height:665px; */
width: 700px;
border-top:1px solid #ddd;
}
Pour l'exemple sur la page elle-même: il suffit de mettre 4 Divs au lieu de 3 dans le Wrapper et augmenter la hauteur de ".vertical" en conséquence. Ce n'est pas un problème d'installation du plugin, mais comment vous faites le balisage.