It's been several months now I release Flickr-Pony and implement a photo gallery on my website. I choosed Unite Gallery for displaying my photos, a nice JS library for create a wall of pics (or slider, or other). I firstly implement it fastly and all works perfectly, but, as usual, some improvements could be made.
What I did
Unite Gallery allows 2 formats of image, the thumbnail and the original. My thumbnails are generaly between 30 and 70KB and originals between 4 and 10MB. So when user select and click on a photo, he can wait a long time before get the photo.
The idea is to put a temporary image before load the original, it could be near 120KB for a fast download. Fortunately Flickr is very useful for that as they store images and resize them in many sizes for many usage. Below a list of available sizes:
- s little square 75x75
- q large square 150x150
- t miniature, 100 on longest side
- m small, 240 on longest side
- n small, 320 on longest side
- - medium, 500 on longest side
- z medium 640 on longest side
- c medium 800 on longest side
- b big, 1 024 on longest side
- h width 1 600
- k width 2 048
- o original image
My thumbnails are in size m, and I think l will be appropriate for the temporary ones.
Concretly
The backend part is clearly Flickr-Pony subject, I won't write about here. I'll talk more about the frontend part and the small trick I use with Unite Gallery:
var gallery;
$(document).ready(function(){
gallery = $("#photo-list").unitegallery({
gallery_theme: "tiles",
tile_enable_textpanel:true,
tile_textpanel_title_text_align: "center",
});
gallery.on("item_change", function(index, data){
var temp_img = $('img[src="'+data.urlImage+'"]');
if (temp_img.lenght == 0) return
var new_image = $('<img>',{
src: data.original,
style: "display: none; margin: 0px;"
})
new_image.hide()
.one('load', function() {
temp_img.attr("src", data.original);
gallery.resetZoom();
})
.each(function() {
if(this.complete) $(this).trigger('load');
})
})
})
;
After gallery initialization, I bind an action to photo selection:
- The default behavior the same: Photo (temporary one) is download and showed to user
- In background, original image is downloaded and set as hidden
- When download ends, I replace the temporary by the original and reset zoom.
Just usual JS hack...
It could be better...
Yes I know, with time I would do following things:
- Inform user about original downloading
- Make a fade effect between small and detailled pics
- Detect vertical or horizontal ones, yes there's a small bug about it in 16:9 vertical photos
References
Comments
Kamorkasoa on 03/20/2018 2:43 a.m. #
Hot Hardcore Porn Star Xxx Porn Sex Video Free , amateur homemade xxx porn free fuck webcam sex video titty fuck suck pic . Weird Skiny Porn Movie Anal Have Mature Sex Woman Huge Ass Ebony Sex Video sexy teen bend over video .
<a href=http://tradeprofi.com/forum/showthread.php?p=226043#post226043>rough dick suck</a>
<a href=http://afghanidata.com/forum/showthread.php?tid=400&pid=2772#pid2772>blowjob anal sex</a>
<a href=http://forum.cadconsulting.cz/viewtopic.php?f=17&t=9402>free fuck lick video</a>
<a href=http://www.nucris.es/viewtopic.php?f=3&t=185350>hustler anal video</a>
<a href=http://ecoindice.com/foro/index.php?topic=4120.new#new>porn movie erotic</a>
Homemade Milf Amateur Classic Milking Titsts Porn Video - mature women squirting video south india sex ora movie . wife tricked fuck first .
<a href=http://classprnx.com/301/free-video-black-pussy.html>free video black pussy</a> <a href=http://classprnx.com/302/alex-jordan-sex.html>alex jordan sex</a> <a href=http://classprnx.com/303/erotic-lesbian-granny.html>erotic lesbian granny</a> <a href=http://classprnx.com/304/huge-anal-insertion-movie-men.html>huge anal insertion movie men</a> <a href=http://classprnx.com/305/hardcore-big-tits-porn-movie.html>hardcore big tits porn movie</a> <a href=http://classprnx.com/306/jennifer-ove-hewitt-hot-sex-video.html>jennifer ove hewitt hot sex video</a> <a href=http://classprnx.com/307/free-movie-fuck-skinny.html>free movie fuck skinny</a> <a href=http://classprnx.com/308/blond-blow-jobs.html>blond blow jobs</a> <a href=http://classprnx.com/309/anal-fuck-black-girl.html>anal fuck black girl</a> Girl Doctor Lesbian Movie Hot Women Fucking Sex Free Video - asian pussy sex movie hardcore teen petite movie . <a href=http://classprnx.com/310/porn-movie-and-sex.html>porn movie and sex</a> <a href=http://classprnx.com/311/brunette-beads-gallery-anal.html>brunette beads gallery anal</a> <a href=http://classprnx.com/312/skinny-girls-with-big-tubeular-tits.html>skinny girls with big tubeular tits</a> Mature Sex Loving Fuck Angelina Jolie Fuck Download , adult teaching teen to fuck free shemale video megacock video teen fucking after school . Russian Orgy Porn Tube Daily Tube Girls Movie Xhamster Sex With Mom Movie drunk girl sex creampie . <a href=http://classprnx.com/313/wonder-woman-lesbian-sex-movie.html>wonder woman lesbian sex movie</a> <a href=http://classprnx.com/314/video-porn-de-shakira.html>video porn de shakira</a> <a href=http://classprnx.com/315/mature-porn-movie-in-panty.html>mature porn movie in panty</a> <a href=http://classprnx.com/316/hardcore-xxx-fucking-pussy.html>hardcore xxx fucking pussy</a> <a href=http://classprnx.com/317/tiger-woods-porn.html>tiger woods porn</a> <a href=http://classprnx.com/318/home-made-sex-net.html>home made sex net</a> Pissing Granny Closeup Video Sex Movie Nailin Palin - free wife tits fuck porn tube movie jenny rivera porn video . Porn Using Flash Video - crazy big dick porn vi
Easy Payday Loan on 03/20/2018 4:15 a.m. #
quick cash loans no credit check <a href="https://paydaycash.us.com">payday loan vancouver</a> fast cash advance [url=https://paydaycash.us.com]payday cash[/url]
wtaletgisf on 03/20/2018 4:31 a.m. #
cialis alcohol <a href="http://skyrank.com">order generic cialis online </a> how to get cialis [url=http://skyrank.com]cheap cialis 5mg[/url] cheap generic cialis http://skyrank.com
Speedycash on 03/20/2018 5:10 a.m. #
eloans <a href="https://loanapplication.us.com">get a loan</a> loan application [url=https://loanapplication.us.com]not a payday loan[/url]
Getting A Loan on 03/20/2018 5:28 a.m. #
bad credit loans guaranteed approval <a href="https://badcreditloansguaranteedapproval.us.com">payday loan consolidation</a> bad credit installment loans guaranteed [url=https://badcreditloansguaranteedapproval.us.com]bad credit loans guaranteed approval[/url]
Kamorkasoa on 03/20/2018 7:58 a.m. #
Xxx Tube And Pussy Cameron Diaz Porn Video , redtube amateur naked girl video bubble butt porn movie hot teen bikini classic avi . Free Teacher Student Porn Video Girls Suck Dick For Free Free Hot Black Lesbian Video hot sexy cock fuck .
[url=http://samp-headline.hol.es/index.php?/topic/2346-hottest-moments-porn-movie-compilation/page__st__18720__gopid__52097#entry52097]free adult xxx tube[/url]
[url=http://kamikaze-club.de/phpBB2/viewtopic.php?p=121151#121151]tiny throat sex[/url]
[url=http://allsosnovo.ru/forums/viewtopic.php?f=8&t=202970&p=245161#p245161]japan full porn movie[/url]
[url=http://carmarketnet.com/forum/viewtopic.php?f=7&t=357157&p=390839#p390839]sex video home spy[/url]
[url=http://anticommunist.org/forum/viewtopic.php?f=6&t=253016&p=317562#p317562]porn movie egory babysitter[/url]
Porn Video Old Men Monica Orsini Group Sex - costume sex porn fuck free webcam live sex sho . porn movie teacher have sex .
[url=http://classprnx.com/hairy-pussy-classic-fuck.html]hairy pussy classic fuck[/url] [url=http://classprnx.com/001/exotic-nude-pussy-fuck-pic-free.html]exotic nude pussy fuck pic free[/url] [url=http://classprnx.com/002/free-girls-gone-wild-lesbians.html]free girls gone wild lesbians[/url] [url=http://classprnx.com/003/ruff-fuck-online-free-porn.html]ruff fuck online free porn[/url] [url=http://classprnx.com/004/black-female-fucking-pic.html]black female fucking pic[/url] [url=http://classprnx.com/005/big-black-anal-porn-movie.html]big black anal porn movie[/url] [url=http://classprnx.com/006/free-video-classic-fuck.html]free video classic fuck[/url] [url=http://classprnx.com/007/gorgeous-teen-suck-deeply.html]gorgeous teen suck deeply[/url] [url=http://classprnx.com/008/mature-strip-on-webcam.html]mature strip on webcam[/url] [url=http://classprnx.com/009/sexy-girl-fucked-for-cash.html]sexy girl fucked for cash[/url] Big Tits Wife Fuck Video Long Porn Movie Porn Stars - high quality free video hardcore 3 cock and 3 pussy . [url=http://classprnx.com/010/shameless-porn-video.html]shameless porn video[/url] [url=http://classprnx.com/011/blonde-anal-movie-xxx.html]blonde anal movie xxx[/url] [url=http://classprnx.com/012/asia-carrera-anal-movie-altavista.html]asia carrera anal movie altavista[/url] Major Hardcore Sex Free Great Chicago Bears Suck Pic , two sex woman having sex video ass fuck wife japan ass fuck free . Free Girlfrend Anal Porn Hd Porn Xxx Video Girls Guys Masturbate Video mature xxx blindfolded movie . [url=http://classprnx.com/013/tight-teen-lesbian-pussy.html]tight teen lesbian pussy[/url] [url=http://classprnx.com/014/hardcore-anal-plugs.html]hardcore anal plugs[/url] [url=http://classprnx.com/015/wife-world-blowjob-video.html]wife world blowjob video[/url] [url=http://classprnx.com/016/retro-anal-porn.html]retro anal porn[/url] [url=http://classprnx.com/017/mature-bbw-sex-video.html]mature bbw sex video[/url] [url=http://classprnx.com/018/porn-video-boysfood.html]porn video boys
Jameswor on 03/20/2018 8:54 a.m. #
web cam girls <a href="https://camgirls.us.com">live cam girls</a> cam girls [url=https://camgirls.us.com]cam girls[/url]
Kamorkasoa on 03/20/2018 8:59 a.m. #
Lisa Sparxxx Real Milf Gang Bang Free Extreme Hardcore Sex Movie , movie wet hot sex perfect sex movie free teen girl amateur porn tube movie . Hot Blonde Girl Fuck College Amateur Lesbian Sex Fat Black Girls Suck Cock girl have sex in office .
[url=http://calfirecareers.com/forum/viewtopic.php?f=3&t=1770]webcam girl suck[/url]
[url=http://www.precision-gaming.org/comms/viewtopic.php?f=8&t=469&p=24003#p24003]sex japan lesbians bdsm[/url]
[url=http://yourdog.synology.me/mybb/showthread.php?tid=4097&pid=38204#pid38204]free porn site fisting anal[/url]
[url=http://optionsdigger.com/forum/viewtopic.php?f=8&t=42012&p=683179#p683179]great amateur porn movie[/url]
[url=http://ageofrevelation.com/forums/viewtopic.php?f=2&t=11653&p=41903#p41903]youtube xxx video sex[/url]
Sex Asian Fuck Movie Onlile Adult Porn Video - video japan girls fucking erotic lesbians free video . full fuck sex movie .
[url=http://classprnx.info/slow-sex-making-video.html]slow sex making video[/url] [url=http://classprnx.info/001/pretty-korean-fuck.html]pretty korean fuck[/url] [url=http://classprnx.info/002/free-shemale-panty-video.html]free shemale panty video[/url] [url=http://classprnx.info/003/drunk-girl-sex-video-xhamster.html]drunk girl sex video xhamster[/url] [url=http://classprnx.info/004]teacher xxx clip[/url] [url=http://classprnx.info/005/shemale-fuck-porn-video.html]shemale fuck porn video[/url] [url=http://classprnx.info/006/free-pornstar-online-porn-video.html]free pornstar online porn video[/url] [url=http://classprnx.info/007/ray-webcam-girl-infinity-photo.html]ray webcam girl infinity photo[/url] [url=http://classprnx.info/008/naked-lesbians-ass-fucking.html]naked lesbians ass fucking[/url] [url=http://classprnx.info/009/black-teen-anal-cum.html]black teen anal cum[/url] Full Length Nurse Doctor Sex Movie Italia Fucked Hard In Pussy - anal movie free first time lesbian best friends sex . [url=http://classprnx.info/010/white-teen-fucking-black-girl.html]white teen fucking black girl[/url] [url=http://classprnx.info/011/ebony-pornstar-sex-movie.html]ebony pornstar sex movie[/url] [url=http://classprnx.info/012/lesbian-pussy-eat-out.html]lesbian pussy eat out[/url] Julianne Moore Lesbian Sex Scene Video Wet And Messy Porn Video , her first sex experience hardcore porn clip download free video granny anal . Video Real People Sex Porn Sex Movie Of Black Ganny Sex Utube Movie free gang bang videod . [url=http://classprnx.info/013/amateur-emo-webcam-video.html]amateur emo webcam video[/url] [url=http://classprnx.info/014/horny-teen-fuck-hot-baby.html]horny teen fuck hot baby[/url] [url=http://classprnx.info/015/big-titty-wife-video-tube.html]big titty wife video tube[/url] [url=http://classprnx.info/016/pussy-bondage-movie-cunt-bdsm-video.html]pussy bondage movie cunt bdsm video[/url] [url=http://classprnx.info/017/black-lesbian-squirt-porn.html]black lesbian squirt porn[/url] [url=http://classprnx.info/018/hairy-pussy-girl-tube.html]h
Kamorkasoa on 03/20/2018 9:26 a.m. #
Male Anal Sex Free Movie Free Online Anal Strecthing Movie , hd ass porn video legend zelda sex porn fuck boys tickled to orgasm movie . Hardcore Free Fullength Video Sex Movie Free Blonde Tiny Skinny Pussy Porn Video free lesbian doctor porn video .
[url=http://hoiquanmunuocngoai.com/forum/showthread.php?1820-japan-girl-lesbian&p=19810#post19810]xxx anal porn sex[/url]
[url=http://ddc.jeunes-socialistes.fr/viewtopic.php?f=11&t=337312&p=591640#p591640]freud oral stage psychosexual[/url]
[url=http://www.xblsamurai.com/forums/showthread.php?tid=1660&pid=15938#pid15938]two guys fuck one chick[/url]
[url=http://mundotecnologico.esy.es/Forum/showthread.php?tid=787&pid=224967#pid224967]erotic asian massage lesbian[/url]
[url=http://theoffenders.net/forum/index.php?topic=1148.new#new]black lesbian movie gallery[/url]
Hardcore Ethnic Sex Pic Retro Fucking Hugh Black Dicks - you porn deepthroat video porn video babe delicious . milf lesbian porn pic .
[url=http://classprnx.com/101/russian-virgin-first-fuck-free-video.html]russian virgin first fuck free video[/url] [url=http://classprnx.com/102/download-free-china-porn.html]download free china porn[/url] [url=http://classprnx.com/103/stockings-glamour-teen-video.html]stockings glamour teen video[/url] [url=http://classprnx.com/104/free-big-dick-sex-videos.html]free big dick sex videos[/url] [url=http://classprnx.com/105/sex-youporn.html]sex youporn[/url] [url=http://classprnx.com/106/blowjob-video-games.html]blowjob video games[/url] [url=http://classprnx.com/107/wife-fuck-gear.html]wife fuck gear[/url] [url=http://classprnx.com/108/wedding-night-video-hot-and-fuck.html]wedding night video hot and fuck[/url] [url=http://classprnx.com/109/celeb-sex-scene-movie.html]celeb sex scene movie[/url] Two Girls One Guy Xxx Movie Ulitmate Guid To Anal Sex - 2 guys having sex with 1 girl small shy girls porn tube . [url=http://classprnx.com/110/full-fuck-video-erotic.html]full fuck video erotic[/url] [url=http://classprnx.com/111/group-sex-painting.html]group sex painting[/url] [url=http://classprnx.com/112/busty-asian-lesbian-pic.html]busty asian lesbian pic[/url] Free Group Sex Anal Granny Suck And Fuck Video , free hardcore sex porn video anal boy girl sex porn pissing teen girls movie . Lesbian Sex Competitsion Contest Real Mature Thick Sex Movie Hairy Porn Movie Clip lesbians huge dildo fuck movie . [url=http://classprnx.com/113/teen-on-teen-orgasm.html]teen on teen orgasm[/url] [url=http://classprnx.com/114/mommy-got-sex.html]mommy got sex[/url] [url=http://classprnx.com/115/teen-lesbian-sec.html]teen lesbian sec[/url] [url=http://classprnx.com/116/big-tits-and-big-ass-free-porn.html]big tits and big ass free porn[/url] [url=http://classprnx.com/117/blowjob-sex-porn.html]blowjob sex porn[/url] [url=http://classprnx.com/118/full-hardcore-sex-movie-classic.html]full hardcore sex movie classic[/url] Private Sex Long Video Free Sex Movie Film - porn tube movie clip homemade mature
Kamorkasoa on 03/20/2018 10:01 a.m. #
Black Girl Suck Cum Tube Foot Sex Tube Movie , free cheat wife blowjob video porn movie er cooter free movie erotic porn . Farm Girl Porn Tube Mature Sexy Amateur Video Rubbing Pussy Sex Movie hd outdoors porn video .
[url=http://forum.gabiony-kamienie.pl/viewtopic.php?f=5&t=234915]free mother teach teen fuck[/url]
[url=http://forum.zsa-saarland.de/viewtopic.php?f=9&t=7792&p=22881#p22881]masturbation watch porn video[/url]
[url=http://ottoman.medicinase.com/forum/showthread.php?tid=459331]free porn hrdcore movie[/url]
[url=http://forum.paskon.ir/thread-353477.html]little kits sex movie[/url]
[url=http://forum.forbylinux.com/viewtopic.php?pid=19563#p19563]granny sex streams[/url]
Hot Lesbian Blowjob Movie Sex Movie Download Now - free porn ebony granny italy free anal sex movie . pamela jennings porn video .
[url=http://classprnx.info/101/strange-things-sex-movie.html]strange things sex movie[/url] [url=http://classprnx.info/102/free-full-length-shemale-pron-movie.html]free full length shemale pron movie[/url] [url=http://classprnx.info/103/hot-black-girlfriends-fucking.html]hot black girlfriends fucking[/url] [url=http://classprnx.info/104/licking-asshole-porn-movie.html]licking asshole porn movie[/url] [url=http://classprnx.info/105/screw-porn-movie.html]screw porn movie[/url] [url=http://classprnx.info/106/big-white-girl-anal-sex.html]big white girl anal sex[/url] [url=http://classprnx.info/107/video-girls-suck-own-tits.html]video girls suck own tits[/url] [url=http://classprnx.info/108/video-couple-having-sexual-intercourse.html]video couple having sexual intercourse[/url] [url=http://classprnx.info/109/lesbian-orgasm-slutload.html]lesbian orgasm slutload[/url] Erotic Sex Scene In Video Porn Sloppy Seconds Video - fat women fuck girl porn twin sister lesbian threesome porn . [url=http://classprnx.info/110/hot-blonde-lesbians.html]hot blonde lesbians[/url] [url=http://classprnx.info/111/three-girls-suck-one-cock.html]three girls suck one cock[/url] [url=http://classprnx.info/112/cum-in-throat-movie.html]cum in throat movie[/url] Cop Caught Having Sex Video Watch Free Porn On Video , movie teen lesbians squirting ebony black pornstar gallery kinky wierd sex video . Finger To Orgasm Video Xxx Movie Stream Free Video Mature Creampie Hy hardcore sex cum insider . [url=http://classprnx.info/113/interracial-anal-mature.html]interracial anal mature[/url] [url=http://classprnx.info/114/laura-manaudou-sex-video.html]laura manaudou sex video[/url] [url=http://classprnx.info/115/small-penis-humiliation-handjob-movie.html]small penis humiliation handjob movie[/url] [url=http://classprnx.info/116/adult-movie-schoolgirl-fuck.html]adult movie schoolgirl fuck[/url] [url=http://classprnx.info/117/movie-game-characters-naked-nude-fucked.html]movie game characters naked nude fucked[/url] [url=http://classprnx.info/118/high-school-stockings-teen-naked.html]high school stockings teen naked[/url] Teen Learns To Fuck And Suck Amateur
Kamorkasoa on 03/20/2018 10:59 a.m. #
Force Fuck Porn Tube Video High School College Fuck Video , have sex with girls movie shemale gives facial classic sex blonde redtube . Skinny Teen Anal Video Free Sexy Girl Fight Movie Tits Hot Hd Video Xxx suck japan anal tits .
[url=http://elysian.icyboards.net/showthread.php?tid=109&pid=127539#pid127539]free download xxx lesbian video[/url]
[url=http://henkerarmy.esy.es/forum/showthread.php?tid=212&pid=140657#pid140657]rough throat sex tube[/url]
[url=http://forum.marsletsplay.de/viewtopic.php?f=13&t=125&p=564371#p564371]hot porn movie asian ebony ass[/url]
[url=http://ligabms.cba.pl/viewtopic.php?p=235#235]pregnant lesbian hardcore[/url]
[url=http://weedsandwildflowersdesign.com/theweedpatch/viewtopic.php?f=55&t=54056]hardcore sex vido[/url]
Old Babes Sex Video Video Sex Japan Fuck - wild hogs full sex scene movie girls fuck to survive . free sex porn movie japan .
[url=http://classprnx.info/101/free-sex-triple-anal.html]free sex triple anal[/url] [url=http://classprnx.info/102/hi-girls-webcam.html]hi girls webcam[/url] [url=http://classprnx.info/103/hardcore-gangbang-squad-demo-movie.html]hardcore gangbang squad demo movie[/url] [url=http://classprnx.info/104/brasil-porn-sex.html]brasil porn sex[/url] [url=http://classprnx.info/105/pussy-clitoris-movie.html]pussy clitoris movie[/url] [url=http://classprnx.info/106/spic-suck.html]spic suck[/url] [url=http://classprnx.info/107/download-indian-schoolgirl-sex-video.html]download indian schoolgirl sex video[/url] [url=http://classprnx.info/108/black-girl-hard.html]black girl hard[/url] [url=http://classprnx.info/109/classic-lick-blowjob-free.html]classic lick blowjob free[/url] Brasil Nude Sex Movie Mature Mom Taboo Porn - two lesbian nuns fuck girl cums during sex movie . [url=http://classprnx.info/110/blonde-bimbo-porn.html]blonde bimbo porn[/url] [url=http://classprnx.info/111/free-black-men-porn.html]free black men porn[/url] [url=http://classprnx.info/112/sexy-wife-oral.html]sexy wife oral[/url] Jennifer Ketcham Sex Movie Fuck Or Having Sex , classic gape sex video schoolgirl sex creampie movie long college fuck fest video . Xxx Hot Girls Video Download Masturbation Squirting Nude Girls Movie Anal Poop On Dick amateur girl porn movie . [url=http://classprnx.info/113/upper-class-lesbian-housewife-porn.html]upper class lesbian housewife porn[/url] [url=http://classprnx.info/114/teen-fuck-compilatoin.html]teen fuck compilatoin[/url] [url=http://classprnx.info/115/hardcore-raunchy-porn.html]hardcore raunchy porn[/url] [url=http://classprnx.info/116/deep-sex-gallery.html]deep sex gallery[/url] [url=http://classprnx.info/117/porn-movie-fat-men.html]porn movie fat men[/url] [url=http://classprnx.info/118/sex-girls-with-sex-tits.html]sex girls with sex tits[/url] Sleeping Gangbang Porn Video Man Fuck Girl In Movie - mature cunt orgasm video teen porn two girls sizzering . Urban Sex Street Suck - mature wife porn tube cop hunks fucking pussy . [url=http://classp
Hardware acceleration on 04/02/2018 1:02 p.m. #
Way cool! Some very valid points! I appreciate you writing this post and also the rest of
the website is very good.
Hardware acceleration on 04/02/2018 1:02 p.m. #
Way cool! Some very valid points! I appreciate you writing this
post and also the rest of the website is very good.