HTML galerija

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pozdrav. Imam sajt na blogspotu i sad-a mi treba funkionalna galerija jer imam mnogo slika 300+. Pa me zanima dali postoji neka najednostavnija galerija da kada kliknes na sliku ono otvara veliku, i dali moze da ima nesto za dodavanje slika tako da bi svako ko udje na sajt mogao da ubaci sliku? Ne razumem se u HTML pa ne znam dali je ovo moguce?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ne možeš to da odradiš u čistom HTML-u, moraš da koristiš neku biblioteku poput jQuery. Pre je dobro rešenje bilo jQuery LightBox, ali izgleda da se više ne razvija (sajt nije više dostupan). Postoji alternativa pod imenom FancyBox.

Sajt: http://fancybox.net/
Kako koristiti: http://fancybox.net/howto

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Koristio sam jedno vreme FancyBox, ne sviđa mi se što trebaju biti dve slike, jedna mala ja preview, i velika za prikaz.

• 1Ovo se svidja korisniku: Ričard
  
  Registruj se da bi pohvalio/la poruku!

@Ričard: Nije neophodno, ali je pozeljno.

Zasto nije neophodno? Zato sto je moguce, umesto male slike, staviti veliku, a onda joj promeniti velicinu prikaza pomocu CSS-a.

Zasto je pozeljno? Zato sto browser nije alat za manipulaciju slikama, te slika cija je velicina promenjena unutar browsera bude mutna, sto je i logicno - program posvecen slikama radi mnogo bolji posao od browsera.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

i uštediš prostor i brže učitavanje

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pa i nije bas brze ucitavanje Zasto - zato sto umesto npr 120x60 slicice, reda velicine 40-50 kb, ucitavas veliku sliku, koja je nekoliko puta "teza". Pa onda to "nekoliko puta" pomnozi sa jos "nekoliko puta", tj onoliko puta koliko slika imas na jednoj strani.

Odnosno - umesto 20 slicica od po (recimo) 50 kb (otprilike 1MB) ti ucitavas 20 slicica od po (recimo) 200 kb (otprilike 4 MB). Nije bas da ce brze da se ucita 4 MB nego 1 MB

E sad, tacno je da ce nakon klika, uvecana slika da se ucita brze (odnosno odmah), jer je vec u cache-u browsera, ali samo ucitavanje strane ce trajati duze zato sto ima mnogo vise toga da ucita.

Jos jedna stvar: browser ne ucitava sve odjednom, nego u setovima (+ 2 - 8 stvari u jednom setu2: Firefox 2, IE7
4: Opera 9.26, Safari 3
6: Chrome, Firefox 3+, Opera 12, Safari 5, IE 8
8: IE 10, zavisi od browsera). Kada su sve raspolozive konekcije (upravo tih 2 - 8 u jednom trenutku) zauzete, sve ostalo je na cekanju i ceka da se oslobodi konekcija da bi se download nastavio. "Problem" lezi u tome sto browser nema AI pa da proceni koji resurs mu je bitniji, nego od servera zahteva resurse onim redom kojim ih nadje u HTML-u - pa JS koji je na kraju body-ja se skida na samom kraju - i koji bi trebalo da uradi nesto - nece biti skinut poprilicno dugo, pa je FOUC siguran, a mozda jos neka stvar koja moze da se izbegne minimizovanjem "tezine" stranice.