Photo section is officialy here

Photo section is officialy here

Published July 24, 2016 in Development, Photography, Web - Last update on July 24, 2016.

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.


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;
    gallery = $("#photo-list").unitegallery({
        gallery_theme: "tiles",
        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;"
            .one('load', function() {
                temp_img.attr("src", data.original);
            .each(function() {
                if(this.complete) $(this).trigger('load');

After gallery initialization, I bind an action to photo selection:

  1. The default behavior the same: Photo (temporary one) is download and showed to user
  2. In background, original image is downloaded and set as hidden
  3. 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




  • Kamorkasoa

    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=>rough dick suck</a>
    <a href=>blowjob anal sex</a>
    <a href=>free fuck lick video</a>
    <a href=>hustler anal video</a>
    <a href=>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=>free video black pussy</a> <a href=>alex jordan sex</a> <a href=>erotic lesbian granny</a> <a href=>huge anal insertion movie men</a> <a href=>hardcore big tits porn movie</a> <a href=>jennifer ove hewitt hot sex video</a> <a href=>free movie fuck skinny</a> <a href=>blond blow jobs</a> <a href=>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=>porn movie and sex</a> <a href=>brunette beads gallery anal</a> <a href=>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=>wonder woman lesbian sex movie</a> <a href=>video porn de shakira</a> <a href=>mature porn movie in panty</a> <a href=>hardcore xxx fucking pussy</a> <a href=>tiger woods porn</a> <a href=>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

    Easy Payday Loan on 03/20/2018 4:15 a.m. #

    quick cash loans no credit check <a href="">payday loan vancouver</a> fast cash advance [url=]payday cash[/url]

  • wtaletgisf

    wtaletgisf on 03/20/2018 4:31 a.m. #

    cialis alcohol <a href="">order generic cialis online </a> how to get cialis [url=]cheap cialis 5mg[/url] cheap generic cialis

  • Speedycash

    Speedycash on 03/20/2018 5:10 a.m. #

    eloans <a href="">get a loan</a> loan application [url=]not a payday loan[/url]

  • Getting A Loan

    Getting A Loan on 03/20/2018 5:28 a.m. #

    bad credit loans guaranteed approval <a href="">payday loan consolidation</a> bad credit installment loans guaranteed [url=]bad credit loans guaranteed approval[/url]

  • Kamorkasoa

    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=]free adult xxx tube[/url]
    [url=]tiny throat sex[/url]
    [url=]japan full porn movie[/url]
    [url=]sex video home spy[/url]
    [url=]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=]hairy pussy classic fuck[/url] [url=]exotic nude pussy fuck pic free[/url] [url=]free girls gone wild lesbians[/url] [url=]ruff fuck online free porn[/url] [url=]black female fucking pic[/url] [url=]big black anal porn movie[/url] [url=]free video classic fuck[/url] [url=]gorgeous teen suck deeply[/url] [url=]mature strip on webcam[/url] [url=]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=]shameless porn video[/url] [url=]blonde anal movie xxx[/url] [url=]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=]tight teen lesbian pussy[/url] [url=]hardcore anal plugs[/url] [url=]wife world blowjob video[/url] [url=]retro anal porn[/url] [url=]mature bbw sex video[/url] [url=]porn video boys

  • Jameswor

    Jameswor on 03/20/2018 8:54 a.m. #

    web cam girls <a href="">live cam girls</a> cam girls [url=]cam girls[/url]

  • Kamorkasoa

    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=]webcam girl suck[/url]
    [url=]sex japan lesbians bdsm[/url]
    [url=]free porn site fisting anal[/url]
    [url=]great amateur porn movie[/url]
    [url=]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=]slow sex making video[/url] [url=]pretty korean fuck[/url] [url=]free shemale panty video[/url] [url=]drunk girl sex video xhamster[/url] [url=]teacher xxx clip[/url] [url=]shemale fuck porn video[/url] [url=]free pornstar online porn video[/url] [url=]ray webcam girl infinity photo[/url] [url=]naked lesbians ass fucking[/url] [url=]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=]white teen fucking black girl[/url] [url=]ebony pornstar sex movie[/url] [url=]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=]amateur emo webcam video[/url] [url=]horny teen fuck hot baby[/url] [url=]big titty wife video tube[/url] [url=]pussy bondage movie cunt bdsm video[/url] [url=]black lesbian squirt porn[/url] [url=]h

  • Kamorkasoa

    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=]xxx anal porn sex[/url]
    [url=]freud oral stage psychosexual[/url]
    [url=]two guys fuck one chick[/url]
    [url=]erotic asian massage lesbian[/url]
    [url=]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=]russian virgin first fuck free video[/url] [url=]download free china porn[/url] [url=]stockings glamour teen video[/url] [url=]free big dick sex videos[/url] [url=]sex youporn[/url] [url=]blowjob video games[/url] [url=]wife fuck gear[/url] [url=]wedding night video hot and fuck[/url] [url=]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=]full fuck video erotic[/url] [url=]group sex painting[/url] [url=]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=]teen on teen orgasm[/url] [url=]mommy got sex[/url] [url=]teen lesbian sec[/url] [url=]big tits and big ass free porn[/url] [url=]blowjob sex porn[/url] [url=]full hardcore sex movie classic[/url] Private Sex Long Video Free Sex Movie Film - porn tube movie clip homemade mature

  • Kamorkasoa

    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=]free mother teach teen fuck[/url]
    [url=]masturbation watch porn video[/url]
    [url=]free porn hrdcore movie[/url]
    [url=]little kits sex movie[/url]
    [url=]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=]strange things sex movie[/url] [url=]free full length shemale pron movie[/url] [url=]hot black girlfriends fucking[/url] [url=]licking asshole porn movie[/url] [url=]screw porn movie[/url] [url=]big white girl anal sex[/url] [url=]video girls suck own tits[/url] [url=]video couple having sexual intercourse[/url] [url=]lesbian orgasm slutload[/url] Erotic Sex Scene In Video Porn Sloppy Seconds Video - fat women fuck girl porn twin sister lesbian threesome porn . [url=]hot blonde lesbians[/url] [url=]three girls suck one cock[/url] [url=]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=]interracial anal mature[/url] [url=]laura manaudou sex video[/url] [url=]small penis humiliation handjob movie[/url] [url=]adult movie schoolgirl fuck[/url] [url=]movie game characters naked nude fucked[/url] [url=]high school stockings teen naked[/url] Teen Learns To Fuck And Suck Amateur

  • Kamorkasoa

    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=]free download xxx lesbian video[/url]
    [url=]rough throat sex tube[/url]
    [url=]hot porn movie asian ebony ass[/url]
    [url=]pregnant lesbian hardcore[/url]
    [url=]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=]free sex triple anal[/url] [url=]hi girls webcam[/url] [url=]hardcore gangbang squad demo movie[/url] [url=]brasil porn sex[/url] [url=]pussy clitoris movie[/url] [url=]spic suck[/url] [url=]download indian schoolgirl sex video[/url] [url=]black girl hard[/url] [url=]classic lick blowjob free[/url] Brasil Nude Sex Movie Mature Mom Taboo Porn - two lesbian nuns fuck girl cums during sex movie . [url=]blonde bimbo porn[/url] [url=]free black men porn[/url] [url=]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=]upper class lesbian housewife porn[/url] [url=]teen fuck compilatoin[/url] [url=]hardcore raunchy porn[/url] [url=]deep sex gallery[/url] [url=]porn movie fat men[/url] [url=]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

    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

    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.

Post your comment

Comment as . Log out.