Stilul Galerie sau VKontakte nok

Toată lumea a văzut că la știri de pe site-ul vk.com imagini sunt aliniate foarte atent - cum ar fi, și nu sunt tăiate, dar încă arată bine și rovnenko:

Stilul Galerie sau VKontakte nok

Și, recent, am decis să fac aceeasi galerie pe un singur site. Acest lucru duce la un AlignImages fragment. Codul poate lua pe GitHub.

Acest fragment înveliș care pur și simplu procesează imaginea, astfel încât fragmentul care afișează imaginile ar trebui să fie în măsură să furnizeze o listă de imagini, separate prin virgula. getResources este capabil, prin urmare, inițial fragmentul proiectat pentru a lucra cu el, și TV-parametri. După sfârșitul procesului de dezvoltare, am decis să încerc să mă împrietenesc cu galeriile sale. dar nu a fost atât de ușor - el a avut nici o opțiune outputSeparator. așa că, dacă utilizați AlignImages împreună cu Galeria, au stabilit, de asemenea, o bucată tpl.AlignImage. este un punct și virgulă la sfârșitul bucată de cod.

Parametrii Snippet:

  • fragment - orice fragment care înțelege diferența și limita,
  • lineLimit - cât de multe imagini într-un rând,
  • limită - cât de mult de ieșire,
  • linewidth - ce ar trebui să se întâmple lățimea liniei - ușor mai mică decât lățimea containerului să fie între fotografii de la distanță,
  • processImage - nume substituent, care plasează fragmentul de imagine. Pentru getResources dorite scris TV aici pentru a scrie Galeria image_absolute,
  • tpl - model de ieșire, de exemplu:
  • culturi - dacă să tăiați excesul de fundal de imagini, de exemplu, în cazul în care este logo-uri.

Parametrii rămase sunt transferate la numit fragmentul interior.

Exemple de apel

Împreună cu Galeria
Împreună cu getResources

Un exemplu de ceea ce se întâmplă:

Stilul Galerie sau VKontakte nok