Deux Diaporama tout simples sur une seule page

Bonjour à tous,

C'est après une longue semaine de recherches et sans avoir pu trouver quelle réponse que se soit que je me tourne vers vous.

Je me suis lancé dans la création d'un site web où je souhaiterai intégrer deux diaporamas sur une seule page.

J'ai grossièrement appris les langages HTML et CSS mais quand j'ai commencé le JAVASCRIPT c'est le flou total.

S'il vous plait considérez moi comme un grand débutant et évitez le jargon de la programmation sinon je ne comprendrai pas ce que vous me racontez.


Pour en venir à mon problème, je pose le décor :

Pour le moment, en haut de page, j'ai "conçu" une bannière où

je souhaiterai que plusieurs photos défilent et tournent en boucle toujours dans le même ordre. Que les transitions se fassent de préférence en slideshow (il me semble) que l'image qui disparaît, disparaisse vers la gauche donc que la nouvelle photo la remplace en arrivant de la droite. Sinon un simple fondu mais j'aurai une petite préférence pour le slideshow. Et surtout que l'internaute ne puisse aucunement interagir avec ce dernier (pas de boutons, pas de liens, etc... juste du visuel) Je précise ce détail car j'ai essayer des scripts jquery et chacun proposaient ces fonctions donc en essayant de décortiquer le code en tant que débutant j'avais beaucoup de mal.

Juste en dessous, j'y ai inséré 4 boutons déroulants.

Puis en dessous de ces derniers je souhaiterai insérer un nouveau diaporama ayant les mêmes caractéristiques que celui de la bannière. Même problème du à mon manque d'expertise, lors des essais de scripts que j'ai pu trouver sur le net, impossibilité d'utiliser le même code qui active les deux diaporama simultanément.

Le petit plus si vous avez une idée, je souhaiterai un décalage d'une demi seconde entre le diapo d'en haut et celui du bas pour son démarrage afin que lorsque le diapo du haut défile une photo, celui du bas en fait de même une demi seconde après. Mais seulement pour le démarrage, l'intervalle entre les deux déroulés de photos doit être le même.
Ceci étant pour faire une sorte de lien entre la photos du haut qui montre par exemple une entreprise puis une demi seconde après, l'apparition des produits de cette entreprise dans le diapo du bas.


Pour résumer, je souhaite intégrer deux diapos sans interactions possibles de la part de l'internaute sur une seul et même page ayant des transition de slideshow avec un décalage d'une demi seconde pour le démarrage du second.


Si vous parvenez à résoudre mon problème je vous en serai très reconnaissant surtout qu'une échéance est fixée à ce projet et arrive à grand pas... aie.

Encore merci pour vos réponses et n'hésitez pas à me questionner sur mon problème si vous avez des doutes afin que je puisse vous éclairer.

Très bonne journée à tous.