Salut !
Je recherche souvent des images postées par des gens sur mon forum, en particulier sur certains sujets (en fait, j’essaie parfois de le faire sur n’importe quel moteur de forum).
La requête de recherche ressemble à ceci :
@Canapin with:images topic:265354
Sur la vue du sujet, les résultats ressemblent à ceci :
Sur la page de recherche avancée, cela ressemble à ceci :
Ce serait bien d’avoir des miniatures incluses dans les extraits pour trouver facilement ce que l’on cherche - ou simplement avoir un bon aperçu.
De plus, actuellement, la seule façon de vérifier tous les résultats est de cliquer sur un résultat pour voir le message, puis de cliquer à nouveau sur l’icône de recherche pour revoir la liste des résultats, puis de cliquer sur le deuxième résultat, etc… Vraiment agaçant. ![]()
Une maquette :
Exemple de code d’extrait :
<a class="widget-link search-link" href="/t/pictures-of-your-latest-ride-continued/265354/450" title="">
#450 by Canapin
<span class="blurb"><span title="Sep 24, 2016 4:52 pm" data-time="1474728722000" data-format="tiny" class="relative-date">Sep 2016</span><span> - </span>
<span>Poitiers, France http://tof.canardpc.com/view/6009f51c-c924-4d4b-b04f-b93fda475d3f.jpg</span></span>
<span class="thumbnails-container">
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/f/5/f5ec74ec6a23af79ccc2aa0fa175e2db15932aa2.jpeg');"></span>
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/6/d/6d47f72debc3920dabf483e940b8c0b66f0da772.jpeg');"></span>
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/a/3/a3ff77045a113377db71625dba7ac63487958608.jpeg');"></span>
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/0/1/018c76e5db311eddf6ee18740f139e0594773be0.jpeg');"></span>
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/d/e/dec5d4e4948c074614d41c56ae087d782361ec6f.jpeg');"></span>
</span>
</a>
.thumbnails-container {
display: flex;
}
.result-thumbnail {
width: 20%;
height: 80px;
margin-right: 10px;
background-size: cover;
}
Alternativement, un lien ajouté pourrait afficher une liste de messages normale contenant uniquement les messages trouvés par la requête de recherche, et nous ferions défiler ces messages comme une liste de messages normale (un peu comme la fonctionnalité « résumer le sujet »).


