Includi miniature di immagini nei riassunti dei risultati quando cerchi "with:images"

Ciao!

Cerco spesso immagini pubblicate dalle persone sul mio forum, specialmente su determinati argomenti (infatti, a volte provo a farlo su qualsiasi motore di forum).

La query di ricerca è simile a:

@Canapin con:immagini argomento:265354

Nella visualizzazione dell’argomento, i risultati appaiono così:

Nella pagina di ricerca avanzata, appare così:

Sarebbe fantastico se avessimo delle miniature incluse negli estratti per trovare facilmente ciò che stiamo cercando, o semplicemente per avere una buona panoramica.

Inoltre, attualmente, l’unico modo per controllare tutti i risultati è cliccare su un risultato per vedere il post, quindi cliccare di nuovo sull’icona di ricerca per rivedere l’elenco dei risultati, quindi cliccare sul secondo risultato, ecc… Molto fastidioso. :confused:


Un mockup:

Codice di esempio dell’estratto:

<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="24 settembre 2016 16:52" data-time="1474728722000" data-format="tiny" class="relative-date">Settembre 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;
}

In alternativa, un link aggiunto potrebbe visualizzare un normale elenco di post contenente solo i post trovati dalla query di ricerca, e potremmo scorrere tra essi come un normale elenco di post (un po’ come la funzione “riassumi argomento”).

9 Mi Piace

Questo sembra decisamente fantastico! Lo adoro :heart_eyes:

3 Mi Piace