Ceci est une ancienne révision du document !

Pinterest : bidouilles utiles

Chacun ses défauts, moi j'aime bien perdre du temps sur Pinterest, réseau qui ne manque pourtant pas de défaut.

Télécharger les images d'un tableau

C'est pas tout, une fois qu'on a bien piné¹⁾, comment qu'on fait pour garder les images sans dépendre de Pinterest ?

Alors déjà je précise : on n'a pas les droits sur les images, on n'a donc pas le droit de faire quoi que ce soit avec. Même les piner. Oui, utiliser Pinterest fait de nous des criminels. Maintenant que c'est dit, comment aller plus loin encore dans la dépravation ?

Ouvrez votre tableau sur Pinterest, avec Firefox²⁾, puis scrollez tranquillement pour afficher toutes les images du tableau. C'est important, tout doit apparaître dans votre navigateur, Pinterest ne charge pas toute la page d'un coup.

Ensuite dans Firefox, menu Outils, puis Informations sur la page, onglet Médias ⇒ sélectionnez tout et copier la liste dans un fichier texte.

Ensuite ouvrez le dossier où vous souhaitez télécharger le bazar, puis depuis un terminal :

cd mondossier/
wget -i fichierliste -A.jpg

Et voilà, ça va tout télécharger… Vérifiez qu'il y a bien autant de fichier que d'épingles ; il va peut-être ajouter votre avatar.

Si vous souhaitez mettre à jour, refaites la manip pour lister les images puis faites un différentiel avec le premier fichier, ça évitera de télécharger deux fois les mêmes images.

Évidement ça ne télécharge que ce qui se voit sur le tableau, donc des images “petites”. Mais franchement, en général ça suffit.

Se refaire le tableau en web

Ça demande d'avoir configuré php.

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.

style.css

body {
    margin:0;
 
}
 
.tableau {
    display:flex;
    flex-flow:row wrap;
}
 
.tableau ul {
    column-count:6;
    list-style-type: none;
}
 
.thumb {
margin:1em;
max-width:100%;
display:block;
height:auto;
}

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
    <title>Gallery</title>
    <!-- <link rel="shortcut icon" href="images/favicon.png" /> -->
    <link rel="stylesheet" type="text/css" href="style.css" />
 
</head>
<html>
<body>
<!-- Variables php pour lister les images -->
    <?php
    $dir = 'board1/*.{jpg,jpeg,gif,png}';
    $files = glob($dir,GLOB_BRACE);
       ?>
 
 
 
<div class="tableau">
<ul>
    <?php // Liste et affiche les images
    foreach($files as $image) { $f= str_replace($repertoire,'',$image); ?>
       <li><img class="thumb" src="<?php echo $f; ?>" alt=""/></li>
    <?php } ?>
 
</ul>
</div>
 
</body>
</html>

Alternative via Dokuwiki

Quelques modif sur le plugin gallery (en cours). Il faut configurer dans l'administration la largueur des miniatures à 236px (c'est ce qu'on récupère), mettre la hauteur beaucoup plus grande pour avoir de la marge (j'ai mis 500px).

Mettre ceci dans le css fonctionne presque :

div.dokuwiki div.gallery table img.tn {
	width:100%;
	border:none;
}
div.dokuwiki div.gallery img.tn {
margin:0;
padding:0;
}
 
div.dokuwiki div.gallery table td {
padding:0.1em;
}

Malheureusement Gallery utilise des lignes (row) et non des colonnes pour son tableau… Il va falloir hacker un peu ça…

¹⁾

Oui, le franglais donne des mots savoureux.

²⁾

Ça marche probablement avec d'autres navigateurs, vous adaptez.