|
Klijentske aplikacije (X)HTML, CSS, JavaScript, AJAX... |
|
Alatke vezane za temu | Vrste prikaza |
28.6.2009, 0:21 | #1 |
Veteran
|
CSS/JS galerija
Nešto sam se smorio danas (prehlađen sam) pa sam se malo zezao sa JS-om
Napravih neku kvazi galeriju za slike pa rekoh da postavim ako treba nekom Features: - 0% PHP, ASP itd. - 100% CSS/JS/HTML - Fade In/Out - Ne koristi nikakve JS biblioteke - SlideShow (Play | Pause | Stop) Testirano u: - Opera 9.6x - Firefox 3.0.11 - Google Chrome - Safari 4 Beta - IE 7 Demo: Linak Download: Linak Poslednja ispravka: iMa_NeKo_PljUgU (29.6.2009 u 14:40) Razlog: "SlideShow" |
28.6.2009, 9:41 | #2 |
Veteran
Član od: 5.11.2005.
Poruke: 826
Zahvalnice: 177
Zahvaljeno 199 puta na 154 poruka
|
Re: CSS/JS Galerija
Radi i u:
- firefox 2.0.0.20 - safari 4(530.17) - ie 6 (fade nije najsrecniji) |
Sledeći korisnik se zahvaljuje korisniku Remedy na korisnoj poruci: | ||
iMa_NeKo_PljUgU (28.6.2009) |
29.6.2009, 13:19 | #3 |
Veteran
|
Re: CSS/JS Galerija
Mali update
Dodao sam slide show/player kontrole, kao i označavanje trenutno aktivnog thumbnaila P.S. Namerno sam postavio menjanje slika da ide brže |
29.6.2009, 14:02 | #4 |
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: CSS/JS Galerija
Ne izgleda loše a uz to još i radi
Dva predloga. 1) Zapakuj kod u literalnu JS notaciju. Kompletna stvar će biti mnogo lepša kada se vidi jasna hijerarhija promenjljivih i metoda. Ja recimo kodujem JS sada gotovo isključivo u literarnoj notaciji. 2) Pobrini se da ti JS bude unobtrusive tipa i da event handlere za onclick kačiš van HTML-a 3) Ovo je samo preporuka naravno ali ja obično izbegavam da koristim document.getElementById u kodu za referenciranje objekata već napravim jednu helper funkciju (ili metod ako koristim literalnu notaciju) koju nazovem recimo _get() (nemoj da koristiš $, $$ i slično jer ćeš definitivno naleteti na konflikte ako ikada ovaj kod ubaciš na stranice koje koriste JS biblioteke) i onda nju koristim za referenciranje. Recimo ovako: Kod:
_get(idName){ return document.getElementById(idName); } Poslednja ispravka: holodoc (29.6.2009 u 14:13) Razlog: Geška u ucanju |
Sledeći korisnik se zahvaljuje korisniku holodoc na korisnoj poruci: | ||
iMa_NeKo_PljUgU (29.6.2009) |
29.6.2009, 14:35 | #5 | ||
Veteran
|
Re: CSS/JS Galerija
Citat:
Citat:
Našao sam ovaj tutorial i čini mi se da ne koristi "rel" |
||
Bookmarks sajtovi |
Alatke vezane za temu | |
Vrste prikaza | |
|
|
Slične teme | ||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Početnički 3D radovi - galerija (WIP, tutorijali) | kinteC | 3D radovi | 2054 | 22.10.2021 19:14 |
NFS Most Wanted galerija | REDisLAW | Simulacije vožnje | 161 | 9.7.2009 12:35 |
Početnička galerija | Down Force | Fotografija | 39 | 5.4.2009 13:56 |
Smile and Co. (galerija emotikona) | holodoc | Cvet kompjutera | 134 | 19.6.2008 2:11 |
Program za skidanje thumbnail galerija (sadrzaja sajta) | Jenkiduduldu | Aplikativni softver | 3 | 7.4.2008 16:09 |