Bild-Thumbnails in Suchergebnissen anzeigen, wenn nach "mit:bildern" gesucht wird

Hallo!

Ich suche oft nach Bildern, die Leute in meinem Forum gepostet haben, besonders zu bestimmten Themen (tatsächlich versuche ich das manchmal bei jeder Foren-Engine).

Die Suchanfrage sieht so aus:

@Canapin with:images topic:265354

Auf der Themenansicht sehen die Ergebnisse so aus:

Auf der erweiterten Suchseite sieht es so aus:

Es wäre cool, wenn wir Thumbnails in den Auszügen hätten, um leicht zu finden, wonach wir suchen – oder einfach einen guten Überblick zu bekommen.

Außerdem ist es derzeit der einzige Weg, alle Ergebnisse zu überprüfen, indem man auf ein Ergebnis klickt, um den Beitrag zu sehen, dann erneut auf das Suchsymbol klickt, um die Ergebnisliste erneut zu sehen, dann auf das zweite Ergebnis klickt usw. Schnell nervig. :confused:


Ein Mockup:

Beispielcode für den Auszug:

<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;
}

Alternativ könnte ein hinzugefügter Link eine normale Beitragsliste anzeigen, die nur die aus der Suchanfrage gefundenen Beiträge enthält, und wir würden sie wie eine normale Beitragsliste durchscrollen (ähnlich der Funktion „Thema zusammenfassen“).

9 „Gefällt mir“

Das sieht auf jeden Fall schick aus! Ich liebe es :heart_eyes:

3 „Gefällt mir“