26. oktober 2012 - 14:02Der er
24 kommentarer og 1 løsning
Lazy load jquery
Hej,
sider med et website, hvor oversigt over portfolie/billeder vises på én af siderne.
Bygger op i et grid; bruger så lazy load på hvert billede, som hvert eks.v. er 300 x 200 px. Men de loader jo alle på én gang - ergo tænker jeg pointen går lidt af fløjten :) Sprøgsmålet er så: hvordan løser jeg den. -Evt. ved at loade dem enkeltvis ét ad gangen? -Og hvordan?
Teknologi, AI og forretning er i centrum på Computerworlds Cloud og AI Festival i København d. 18. og 19. september. Se hele programmet for den store konference om strategisk brug af Cloud og AI på: www.cloud-festival.dk
Bemærkede du i øvrigt noten i toppen af den side du henviser til?
Synes godt om
Slettet bruger
26. oktober 2012 - 14:29#4
Hej.
Undskyld er lidt en newbie her, så det ligner stadig lidt Kinesisk for mig. Bruger godt <noscript>, men ikke data-original. Det ser jeg lige på.
Idéen er, selvfølgelig, ikke at belaste folks browser når de klikker ind på denne oversigt. Så lazy load i brug - men når der er +12 billeder får specielt Firefox og Chrome besvær da de prøver at loade alle billeder på én og samme gang. Browseren fryser et øjeblik.
-Så tanken var om ikke jeg kunne få den til at loade i mindre bidder, evt hvert billede i kø for at undgå frysning.
Det lyder også rimeligt nok, men mon ikke de nævnte browsere så falder ind under de i noten nævnt (og hvor HTML derfor skal implementeres anderledes)...?
Har du prøve at tømme din cache og lure i din browsers udviklerværktøjer (under netværkstrafik) for at se om billederne hentes fra cache eller om de læses fra serveren...?
Synes godt om
Slettet bruger
26. oktober 2012 - 15:13#11
Yes, gør jeg hver gang :) Men godt bud. Når det er med gammel cache, ser det udemærket ud. Men ryddet, fryser den lige et splitsekund; og loader så ni billeder i ét hug.
"Ser dog ud til at loade hele viften i ét hug." >> Det kunne tyde på, JavaScript ikke kan aflæse, hvor høj viewporten er - og dermed hvilke billeder, der skal loades og hvornår. En forklaring kunne måske være, at du har disabled CSS.
Hvilke(n) browser(e) tester du i? Hvad skriver du allerøverst i dit HTML-dokument?
/mvh </bole>
Synes godt om
Slettet bruger
26. oktober 2012 - 16:17#13
Bruger FF, Safari og Chrome. Hvis CSS ikke var vedhæftet, ville det vel rode rundt. Eller misforstår jeg?
Så var det heller ikke det. En manglende eller ufuldstændig DTD disabler store dele af CSS i IE. At du ikke tester i IE og Opera er i øvrigt en stor fejl. IE er immervæk WWW's mest udbredte browser ... den kan man ikke bare blæse på.
Kan du lægge et link til siden, så vi har mulighed for at finde fejlen? Har du i øvrigt tjekket, om scriptet smider JS-fejl?
Synes godt om
Slettet bruger
26. oktober 2012 - 17:00#17
Det er mit eget site så tillader mig at boykotte IE i dette tilfælde. IE er et problembarn imo. Ellers giver jeg dig ret ifht kunder.
Den er ikke online, desværre. Det må blive næste gang.
JS ser fint ud. Måske er det som det skal være, men bare ikke ment til at lave grid design med mange billeder, men mere ment til store enkelte billeder.
Hvis det er et lokalt site, kan du tillade dig, hvad du vil. På vores fælles WWW har du samme forpligtelser som på vores fælles fortorv. Dér kan man ikke 'smide hvad som helst'. Derudover er IE ikke det store problembarn - men den afslører en masse 'problembørn' *o)
Nej, det er ikke, som det skal være. Sådan som det (ikke) virker nu, er det spild at bytes at downloade dine scripts. Det var vel i udgangspunktet netop spildt datadownload, scriptet skulle undgå =)
Synes godt om
Slettet bruger
26. oktober 2012 - 17:24#19
Haha.
Ja okay. Bryder mig bare ikke om cyklister på fortovet. ;P
Nemlig. Det er netop det. Men scriptet fortæller jo også at browseren skal vise alle billeder indenfor syn. Scroller du, loader de løbene. Så det er jo fint. Men grunden til at jeg postede her, var netop at høre om løsninger, idéer, eller om det i virkeligheden er fint (har set mange sider agere ligeledes - og nej, det betyder ikke at det er rigtigt. Ligesom flertallets brug af IE.)
Go weekend! :)
Synes godt om
Slettet bruger
26. oktober 2012 - 17:39#20
Er nødt til lige at tilføje hvis ikke det er klart. Er naturligvis ironisk.
Man skal vise hensyn til alle enheder såvidt muligt. Min side bliver eks.v. af samme grund responsive. Og tak forøvrigt!
Responsive design er absolut ikke nødvendigvis godt design. Noget af det mest ulæselige er således Wikipedia - som er hyper responsive. Ofte er versionering på baggrund af klienttype langt bedre for brugeren =)
Folk må bruge, den browser, de lyster, men jeg vælger nu primært at bruge den sikreste browser på markedet - og den, som har stået for langt de fleste nyskabelser, som vi ikke kan undvære i dag. Jeg nævner i flæng: CSS, XML, XMLHttpRequest (grundlaget for Ajax) samt mængder af andre features.
At den slags holdninger så ikke giver særlig stor 'street-creed' på Arto, tager jeg med stoisk ro *D
Synes godt om
Slettet bruger
26. oktober 2012 - 18:11#22
Hehe...
Refererede ikke til design, men brugervenlighed og det at vise hensyn. Tror bare jeg lader den ligge for det er ved at blive mærkeligt nu.
Jeg vil lade være med at ytre min mening om noget jeg _tilsyneladende_ ikke ved noget om.
Mht, design, min Arto-modne-ven; det ved jeg til gengæld lidt om. Alene udfra dit ikon; *host*... Så lad du ytringer derom ligge til en pro :)
*LoL* Du bedømmer min designkunnen på en avatar, jeg ikke selv har lavet, men kastet på i en snæver vending. Ellers havde bla. spatiering set helt anderledes ud. På samme måde bedømmer jeg måske dig en anelse for ung udfra dine udtalelser. Vi vurderer 'da andre' på de informationer, vi har tilgængelige. Sådan er det jo. =)
Selvom min første egentlige uddannelse på området var på Space Invaders - der på det tidspunkt regnedes blandt førende multimediedesign uddannelser i Europa - har du dog fuldstændig ret i, at jeg sætter budskabet over dets udklædning.
Min avatar udtrykker et ekstremt vigtigt og skræmmende overset budskab. Lyt til, hvad han siger - og blæs så på, du ikke 'kan lide hans frisure' *o)
Måske, du skulle slå ordet 'pro' op - eller måske øve dig lidt mere i at gætte *D
Synes godt om
Slettet bruger
26. oktober 2012 - 18:53#24
"LoL" ? "Arto"? "Space Invaders"? Jaeh... Det er vist der de gamle mænd hører hjemme :)
Smut du tilbage til det der moderne Facebook og bully nogle flere der. Du har tydeligvis øvelsen og sindet.
Jeg prøver igen, barnlig som jeg er, god weekend og tak!
Sålænge der også er seriøse og voksne brugere på Eksperten, agter jeg at blive. I øvrigt er Space Invaders nedlagt, så dér hører ingen længere hjemme. Arto troede jeg faktisk mest var for pubertetsunger - men jeg må jo lytte til en ekspert =)
Ja, det gør du jo - og det er du så ganske afgjort - men i lige måde og selvtak =)
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.