Création d'un diaporama dans une page web

Comme base de travail, nous avons choisi la rubrique How TO -Slideshow de w3school.com

Nous avons ensuite apporté quelques modifications par rapport au code CSS.

Création des images.

Pour obtenir une constance de dimensions à notre diaporama, nous avons standardisé les images au format 16:9 avec pour taille :

Images en mode paysage : 900x506 px
Images en mode portrait : 285x506 px

Pour les images au format portrait, nous créons une image au format paysage, mais d'une couleur uniforme afin de placer au centre de cette dernière notre image en mode portrait.

Exemple d'images :

Voici notre exemple de diaporama :

Posts les plus consultés de ce blog

Créer votre blog avec Blogger

Pour créer votre blog gratuitement et facilement, il suffit de se connecter à la page d’accueil de Blogger : cliquez ici pour démarrer Puis se connecter avec votre compte Google. Puis vous choisissez votre Thème que vous pouvez personnaliser Vous devez compléter ou modifier les différents « gadgets » Enfin vous devez compléter la rubrique paramètre. Vous êtes prêt pour rédiger votre premier article. Dans le cas d’un blog, les articles seront classés en ordre décroissant en fonction de la date de création (date de création qui peut être modifiée à votre convenance). Le module se présente comme un éditeur de texte classique avec la possibilité d’insérer des images et des vidéos. Cliquez ici pour visualiser mon blog créer avec Blogger Pour aller plus loin avec Blogger Insertion d’une ancre dans une page blogger. En ajoutant une ancre dans une page blogger, cela vous permet d’afficher cet page parcellement à partir d’un endroit déterminé. Pour la pa

La barre d'Ethel

À Ethel, commune située dans le département du Morbihan en Bretagne, la rivière d'Ethel se termine par un dangereux banc de sable sous-marin, connu sous le nom de barre d’Ethel qui entraîne des difficultés de navigation. Le banc de sable sous-marin est formé par le croisement des courants et dont la position est variable. Cette barre rend la navigation difficile. Un sémaphore est construit en 1960, côté Plouhinec, afin de guider en toute sécurité les marins vers l’entrée de la ria. Ce sémaphore civil est équipé d’un système de signalisation unique : le mât « Fenoux » du nom de son inventeur. Une longue flèche rouge tournée vers le large montée sur un pivot à mi-mât guide individuellement les bateaux embouquant la passe . Basculée à l’oblique à droite ou à gauche elle conseille une correction de trajectoire, verticale elle indique que le cap est bon et à l’horizontale elle signale une barre impraticable pour cause de grosses déferlantes. Les indications de la flèche sont complétée

Le monde nouveau

Le développement de l’informatique et des technologies nouvelles a changé nos sociétés. La société du bonheur immédiat Dans le monde d'avant, nous travaillons d'abord pour obtenir les fruits de notre travail plus tard, les écoliers après la classe et les vacances, les ouvriers au moment de la retraite, les communistes après la révolution et pour les catholiques après la mort au paradis. L'économie de la paresse La société du bonheur immédiat a développé un nouveau secteur économique, l'économie de la paresse ou de la flemme. Réservé aux personnes disposant d’un généreux pouvoir d’achat, pressé, technophile et d’une impatience compulsive. Impossible de se déplacer pour acheter sa sauce bolonaise pour le repas du soir d'où l'essor sur les services de livraison rapide nouvellement crée. Observons les efforts pour gagner la bataille du dernier kilomètre des services de livraisons à domicile comme Amazon qui est le plus rentable, le plus performant. L'e

awillemi le Blog

Rechercher dans ce blog