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

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Advertisment ad adsense adlogger