Gå til innhold

Sortering av bilder i galleri


Anbefalte innlegg

Jeg skal lage et bildegalleri der jeg vil sortere bildene etter kategorier. Eks: landskap, portretter, svart hvitt.. osv. Er javascript den beste måten å gjøre dette på og hvordan? Jeg tenker at jeg kan gi hvert bilde en class med tilhørende kategori og sortere etter denne? Tenker jeg riktig da eller er det en bedre metode?

  • Liker 1
Lenke til kommentar
Videoannonse
Annonse

Du kan fint gjøre dette både frontend og backend, hva som er best kommer helt ann på bruksmåten. På både frontend (javascript) eller backend vil fremgangsmåten være noe det samme.

 

Om du bruker et språk med støtte for objekter (JS, PHP +++) så ville jeg laget en klasse som beskriver et bilde hvor du har en URL til bildet, samt metainformasjon som f.eks. "kategori", "størrelse" og eventuelt link til thumbnail om man ønsker dette.

 

Dermed kan man lett implementere sortering og gruppering som bruker kategorien som sorteringsnøkkel.

Lenke til kommentar

skal du ha en sorteringsvelger på nettsiden, eller er det en permanent sortering ved lasting av siden du er på utkikk etter?

 

Ved å cache siden riktig, så har det ikke så mye å si om du sorterer på servernivå (eks. php), eller på brukernivå (eks. js).

 

Fremgangsmåten blir den samme, som etse påpeker, at du angir diverse metadata til hvert bilde.

Lenke til kommentar

skal du ha en sorteringsvelger på nettsiden, eller er det en permanent sortering ved lasting av siden du er på utkikk etter?

 

Ved å cache siden riktig, så har det ikke så mye å si om du sorterer på servernivå (eks. php), eller på brukernivå (eks. js).

 

Fremgangsmåten blir den samme, som etse påpeker, at du angir diverse metadata til hvert bilde.

Skal ha en sorteringsvelger ja. Radiobuttons eller noe lignende der man kan velge de kategoriene som skal vises. Men hvordan angir jeg metadata til bildet? Jeg tenkte kategoriene kunne angis som en attributter i image tagen og sortere etter det,

 

Eks:

<img src="fjell.jpg" class="landskap">

 

+ php kode

 

Funker dette? Eller finnes det en meta-attributt?

Lenke til kommentar

jeg ville ikke puttet det i HTMLen i det hele tatt. La javascript bare styre alt sammen og lar noen bildeobjekter hvor du putter metadato (som f.eks. kategori) og kjør en rerendering og ny sortering av siden hver gang de velger noe nytt på radioknappene.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...