Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript Bibliothèque diaporama

Bibliothèque diaporama

2 réponses
Avatar
Pascal Poncet
Salut à tous,

Je cherche une bibliothèque permettant de passer un diaporama sur une
page web.

Mes contraintes sont les suivantes :

- Chaque diapo contient une image à dimension variable et un texte stylé
adjacent. Le cadre du diaporama est à dimension fixe.

- Les codes Html et Css se chargent de la mise en place des contenus,
images et textes. Aucun contenu n'est généré par le script.

- Le diaporama démarre dès le chargement complet de la page, y-compris
les images des diapos. Il repart au début après la dernière diapo.

- La transition entre diapos doit pouvoir se faire au minimum avec un
effet de fondu enchaîné (a priori en jouant sur l'opacité).

- Les diapos sont cliquables et renvoient vers leur page spécifique.
Un survol en cours de transition annule l'effet le moins avancé.

- Des boutons numérotés, en-dessous ou à droite du diaporama, permettent
d'aller ou de revenir directement à une diapo.

- Si possible, j'aimerais me passer des méga-bibliothèques style JQuery.


Quelqu'un a-t-il des idées, liens, conseils ?


Canevas du rendu :

+---------+---------+
! ! !
! Image ! Texte ! <=== Diaporama en fondu enchaîné
! ! !
+---------+---------+
! +---+ +---+ +---+ !
! ! 1 ! ! 2 ! ! 3 ! ! <=== Boutons cliquables pour chaque diapo
! +---+ +---+ +---+ !
+-------------------+

--
Cordialement,
Pascal
Signaler un problème avec ce contenu

2 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
SAM
Le 17/08/11 12:18, Pascal Poncet a écrit :

- Si possible, j'aimerais me passer des méga-bibliothèques style JQuery.


Quelqu'un a-t-il des idées, liens, conseils ?




Petits trucs pas très neufs :
<http://ygda.free.fr/hscroll3.htm>
<http://ygda.free.fr/hscrollScript.htm>
<http://ygda.free.fr/fonduEnchaine.htm>

pas tout à fait ce que requis :
<http://dolem.com/lytebox/>

Canevas du rendu :

+---------+---------+
! ! !
! Image ! Texte ! <=== Diaporama en fondu enchaîné



ça doit vouloir dire que toutes les vues sont de mêmes tailles (toutes
horizontales ou verticales)

! ! !
+---------+---------+
! +---+ +---+ +---+ !
! ! 1 ! ! 2 ! ! 3 ! ! <=== Boutons cliquables pour chaque diapo
! +---+ +---+ +---+ !
+-------------------+




ne reste qu'à en faire un mix ?

--
Stéphane Moriaux avec/with iMac-intel
Avatar
Pascal Poncet
Le 20/08/2011 10:42, SAM a écrit :
Petits trucs pas très neufs :
<http://ygda.free.fr/hscroll3.htm>
<http://ygda.free.fr/hscrollScript.htm>
<http://ygda.free.fr/fonduEnchaine.htm>

pas tout à fait ce que requis :
<http://dolem.com/lytebox/>



Merci pour les liens, je vais m'en inspirer car je n'ai pas trouvé
exactement ce que je veux.
J'envisage donc un script maison ! (j'ai déjà commencé, si c'est pas
trop pourrave, je le partagerais)

En fait, il n'y a que les grosses librairies (jquery, scriptaculous,
etc.), avec leurs lots de plugins ou autres ajouts spécialisés, qui me
conviendraient si... ce n'était pas de grosses librairies, justement !!!

Peut-être une résistance idiote, mais ça me gave à l'avance de balancer
50Ko de script rien que pour ça (même minimisé, avec les rajouts on
arrive pas loin de ça, voire plus).

ça doit vouloir dire que toutes les vues sont de mêmes tailles (toutes
horizontales ou verticales)



Non, pas nécessairement.
Pour l'heure, elles sont seulement de même largeur.
Par contre, le conteneur général du diaporama est de taille fixe.
Cela dit, si les tailles des images étaient vraiment très différentes,
il faudrait rajouter un effet de redimensionnement, pour faire pro.

ne reste qu'à en faire un mix ?



Ben oui, y a plus que ça, et se replonger grave dans les temporisateurs
javascript, ce qui n'est pas de la tarte !


--
Cordialement,
Pascal