PictureBox : code source complet HTML5/CSS3/JavaScript

PictureBox : code source complet HTML5/CSS3/JavaScript

Cet article s’adresse aux développeurs en herbe avec une base de connaissance en Html/CSS3 et JavaScript. Vous pouvez copier/coller le code avec facilité et le tester chez vous en le personnalisant à votre guise.

C’est une PictureBox réalisée en Html5/CSS3 et du JavaScript. Très simple mais encore faut-il connaître un peu le fonctionnement des « média queries« . Ce code source vous fera afficher une galerie photos originale et « responsive« , c’est à dire qu’elle sera adaptée à tous les supports tels que les PC, smartphones, tablettes tactiles etc…

Notez bien qu’il y a 4 fichiers CSS, 1 fichier JavaScript et bien sûr l’index (.html). Les images sont disponibles en bas de page dans un caroussel

Arborescence de vos fichiers

Arborescence - PictureBox - Rue de l'info

Fichier index.html

Fichier style.css

Fichier screen.css

Fichier smartphone.css

Fichier tablette.css

Fichier script.js

Dossier « images »

Clic droit > enregistrer l’image sous

Répondez
Rue de l'info by RDI © 2018