Blog: usability pentru galeria foto

update: iulian a făcut update la shutter reloaded cu navigare cu tastele şi alte minuni.

 

Ce poate fi mai uşor decât a pune un plugin şi a te destrăbăla în voie cu galeria foto? Păi, haideţi să vedem diferenţa dintre un plugin bun (shutter reloaded, în cazul nostru) şi restul: la al meu nu e nevoie să mişti de maus la fiecare poză.

E atât de simplu şi de logic.

 

Mulțumesc că ai citit acest articol.
Dacă vrei să susții acest blog, cumpără un abonament de 5$

42 comentarii

  1. Eu am unul mai mişto, care, in plus, imi permite şi navigarea din taste.

  2. Ai modificat dimensiunea butoanelor next-previous si arata oribil :)
    Macar gaseste niste butoane mai mari.

    Mie mi se pare foarte tare Carousel care vine impachetat in JetPack: fullscreen, navigare cu sageti, EXIF, link catre poza mare, comment la fiecare poza. Preview: http://cl.ly/image/2k2W0g1e3V3s

    00
  3. mare mester esti!

    00
  4. Si mai frumos ar fi daca al tau ar afisa intreaga poza, fara sa fac scroll. Asa ca nu e mult mai bun ceea ce ai tu.

    00
  5. Eu as prefera auto-resize la poza sa o vezi din start pe toata si, daca o vrei la dimensiunea originala, sa dai click. Ah, si sa te poti plimba cu tastele stanga/dreapta prin galerie, ffs!!

    00
  6. As avea un feature request pt galeria ta…click pe poza sa te duca la urmatoarea…si atunci ar fi perfecta. Acum e doar foarte buna… :)

    00
  7. bine că am citit comentatiile. Voiam să spun exact ce a spus @bogdans

    00
  8. Ar fi dragut sa poti naviga prin poze folosind sagetile.

    00
  9. NOU
    #9

    Zoso, pune si un plugin care sa dezbrace toate gagicile cand dai click pe anumite parti ale lor. Bine?

    00
  10. Vali, e bun si al lui Toma, poti schimba poza din sagetile de pe tastatura..

    00
  11. Problema la Shutter Reloaded e ca trebuie sa imi mut mouse-ul pana la sageata de next. In plus nu face resize.

    Lightbox Evolution face tot ce vrei, si merge pe toate browserele la fel. Dai un ban, dar stai in fatza. Ok, poate e un pic ma mare in KB/pagina decat ShutterReloaded, da nu conteaza chiar la toata lumea asta.

    00
  12. E loc de imbunatatiri… Ar trebui sa ma vezi cand pui poze cu o tipa mai naspa cum ma chinui cu escapeu, dupa care dau click pe langa poza si iar nu merge.. Cat despre stanga dreapta as fi preferat sa mearga cu tastatura, ca la majoritatea scripturilor.

    00
  13. Ce e nasol la pluginul tau e ca 1.trebuie sa dai scroll la imagine si 2. Pe telefon sau tableta e cam greu sa nimeresti butoanele alea mici. Ar fi misto sa pot da pe partea din dreapta a imaginii pt next

    00
  14. NOU
    #14

    @MMarius: asta e destul de usor de adaugat

    @bob: daca nu ar avea erori de afisare pe FF ar fi bun

    @Adibe: din nou usor de adaugat

    jQuery FTW!

    00
  15. @Iulian: Stiu ca e usor, de aia am si propus.

    00
  16. Pe Megapixeli pot deschide pozele misto ;)
    Dau ctrl+click si merge ok, altfel as da back si click destul de des.

    00
  17. Pentru mine, usability s-ar traduce în navigare din taste + click pe poză pentru a avansa în galerie (adică exact în stilul facebook). Galeria din video-ul pus de tine le face pe amândouă…

    Faptul că mă forţezi să caut butonul de „next” şi să mă fixez cu mouse-ul pe el, din punctul meu de vedere e un plus numai dacă asta e singura modalitate de a naviga prin galerie. În cazul de faţă, prefer sincer varianta pe care tu o critici pentru că personal nu aş căuta niciodata butoanele de next/preview, câtă vreme mi se oferă alte doua alternative mai convenabile de a naviga.

    00
  18. Lightbox 2 e mai ok. Merge si din sageti, redimensioneaza poza pentru full screen in functie de monitorul fiecaruia, are si click pe poza… aveti aici un exemplu https://www.criserb.com/blog/mercedes-benz-c220-cdi-blueefficiency-coup-2/

    00
  19. Pentru utilizatorii de Chrome, extensia asta asta ar putea fi mană cerească. Mai ales în galeriile lui Piticu sau în colecţiile de gif+uri de la Arhi. Eu m-am obişnuit deja aşa de bine cu ea, încât ţine loc de orice plugin/galerie foto.

    00
  20. clic pe poza ajunge. Nextu ala e pus la misto.

    00
  21. NOU
    #21

    Am uitat sa pun link si eu: (a se sterge zoso daca vrei)

    @criserb: desi stau pe un 23inch (16:9 fata de 16:10 la tine) partea jos a lightboxului iesa din view cu toate ca nu am nici un bar in plus in FF: http://awesomescreenshot.com/

    00
  22. @Iulian – pai cum iese din screen, ca vad ca in print screen e ok?

    00
  23. Oricum e mai ok ca a lu’ Vali :P

    00
  24. NOU
    #24

    Tocmai ce am adaugat la shutter reloaded-ul meu click pe poze => next picture si evenimentele de navigare din taste.

    00
  25. Spune-i su lu Arhi sa citeasca asta.

    00
  26. @Iulian Danaila – Cum ai facut partea cu sagetile la shutter? Ma intereseaza..

    00
  27. NOU
    #27

    Aia e la limita ca l-am tras peste taskbar.

    00
  28. eu sunt de moda veche.

    poza deschisa dinrect in browser cu middle button. fara nici un plugin. ca sa dau ctrl tab cand mi se scoala. si sa le am acolo cand am chef.

    00
  29. E interesant feedbackul primit de la utilizatori, pentru un element ce distribuie continut digital (photos, in cazul de fata). :-)

    Zoso, permite-mi te rog sa te contactez in cateva saptamani, pentru un private beta al Blogvio, ce rezolva nu doar problemele cu acest plugin, dar elimina pluginurile de acest fel in general.

    00
  30. jQuery Colorbox face ce ziceți voi mai sus: butoane Next / Previous fixe indiferent de poziția imaginii, resize adaptat la ecran (de ex la 80% din acesta), avansează și la click pe imagine, afișează caption-ul, nu titlul sau descrierea (ma rog, asta ține de php până la urmă).

    Consumă mult mai multe resurse, în schimb.

    N-am încercat varianta inclusă în Jetpack pentru galerii foto, am înțeles că ar fi bună.

    00
  31. strict doar pentru acest amănunt al ușurinței în utilizare sunt curios cum fac next/prev fără să miște mausu’ cei ce au săgeți pe poză și fac trecerea de la o imagine landscape la una portret?

    00
  32. AL meu nu mai merge :( asa ca ma gandesc sa-l pun pe asta de-l folosesti, desi nu-mi place ca trebuie sa dau click pe poza sa o „inchid” si nu in afara ei. Cred ca e chestie de obisnuinta.

    00
  33. NOU
    #33

    @Haotik: si asta se poate implementa relativ usor. Daca il pui si platesti o ora de programator (nu la mine ma refer) iti rezolva ce vrei tu. Eu pe al meu l-am modificat in 30 de minute. Zic doar ca se poate si nu e greu :)

    00
  34. NOU
    #34

    2 minute mai tarziu, am putut face si chestia cu click inafara pozei => close

    00
  35. NOU
    #35

    Cred ca sunt cativa printre cititori care chiar ar fi interesati de Shutter Reloaded modificat conform sugestiilor de mai sus:

    00
  36. NOU
    #37

    @zoso: buna idee, ma ocup maine cand o sa reusesc sa si vad monitorul, ca acum vad in ceata :D

    00
  37. NOU
    #39

    In lipsa de alta ocupatie, am pus si spriteul, updatat pagina.

    @zoso: nu, dar azi am avut un proiect de terminat si am lucrat vreo 14 ore

    00
  38. NOU
    #41

    A fost mai complicat putin, ca nu e sprite normal, adica pe care il folosesti cu background position, e facut cu clip din cauza ca pluginul afiseaza imaginea in sine, nu ca background. Practic tine locul a 9 imagini, deci per total 1 request in loc de 9. Sper sa fie folositor.

    00
  39. NOU
    #42

    @Zoso: Ai avut probleme de ai revenit la vechile butoane fara sprite?

    00

Adaugă un comentariu

Câmpurile marcate cu * sunt obligatorii! Adresa de email nu va fi publicată.

1. Linkurile utile în context sunt binevenite.
2. Comentariile asumate fac bine la blăniță.
3. Șterg comentariile care îmi strică buna dispoziție.
4. Nu fiți proști, agramați sau agresivi la primele 50 comentarii aici.

Susținere

Susține acest blog cumpărând de la eMAG sau de la Finestore.

Pun clipuri pe Youtube