Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteProchaine révisionLes deux révisions suivantes | ||
pratique:informatique:pinterest [14/03/2018 13:11] – [Télécharger les images d'un tableau] Zatalyz | pratique:informatique:pinterest [14/03/2018 15:35] – [Se refaire le tableau en web] Zatalyz | ||
---|---|---|---|
Ligne 26: | Ligne 26: | ||
Évidement ça ne télécharge que ce qui se voit sur le tableau, donc des images " | Évidement ça ne télécharge que ce qui se voit sur le tableau, donc des images " | ||
+ | ===== Se refaire le tableau en web ===== | ||
+ | Ça demande d' | ||
+ | Un petit dossier contenant index.php, style.css et le dossier board1 dans lequel on mettra toutes les images de board1. | ||
+ | |||
+ | C'est pas responsive mais on s'en fout. | ||
+ | <code css style.css> | ||
+ | body { | ||
+ | margin:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .tableau { | ||
+ | display: | ||
+ | flex-flow: | ||
+ | } | ||
+ | |||
+ | .tableau ul { | ||
+ | column-count: | ||
+ | list-style-type: | ||
+ | } | ||
+ | |||
+ | .thumb { | ||
+ | margin:1em; | ||
+ | max-width: | ||
+ | display: | ||
+ | height: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | <code html index.php> | ||
+ | < | ||
+ | <html xmlns=" | ||
+ | |||
+ | < | ||
+ | < | ||
+ | <!-- <link rel=" | ||
+ | <link rel=" | ||
+ | |||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | <!-- Variables php pour lister les images --> | ||
+ | <?php | ||
+ | $dir = ' | ||
+ | $files = glob($dir, | ||
+ | ?> | ||
+ | |||
+ | |||
+ | |||
+ | <div class=" | ||
+ | <ul> | ||
+ | <?php // Liste et affiche les images | ||
+ | foreach($files as $image) { $f= str_replace($repertoire,'', | ||
+ | < | ||
+ | <?php } ?> | ||
+ | | ||
+ | </ul> | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | </ |