Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 22
  1. #1
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts

    l-pic *explorer image gallery* UPDATES: New sidebar

    Hey everyone,
    so for the past few days (if anyone keeps track of these things) i've been posting image gallery related problems.

    well why not explain what i'm doing and post a link on the site review forum i thought? well here it is:

    what i'm making:
    an image gallery that will mimic XP's explorer.exe > My Pictures folder.

    So, with that said i'm sure you can understand some of the technical restrictions i've come acrossed.
    Please do not comment on the code. It is not in a state to be read by anyone as it is very hacky and patched together.

    What i'm showing you right now is functionality.

    Here is some features you can try out:
    single click on an element to select it,
    double click to open it (doesn't work in IE for thumbnails for some reason)
    change views (only filmstrip and thumbnails work)
    in filmstrip view you can use the 'next' 'prev' icons.

    Here is how the gallery is implemented
    -There is 3 folders and a single file to be included in your site.
    The single file is the index file containing the framesets
    there is a 'files' and a 'res' folder that contain all the source

    then there is the 'pictures' folder.

    within this folder are all the gallery images seperated by folders.
    So, if you view my gallery, you will notice there is a fodler called 'canoe trip'.
    so that means the path (relative path) of the folder is ./pictures/canoe_trip/

    all images are stored in their applicable folder at 100% their origional size.
    i then generate thumbnails via php and display them where applicable.

    This is handy when uploading all your images. There are no SQL hits, no DB's, only the FS.

    One last thing i would like to mention would be the 'Details' area. If you notice, after selecting an image the details are populated.

    Currently i'm only posting information about the folders. however the image information will be similar.

    one thing i'm working on is storing a small 'description' for each image in a xml file then parsing that to return some text to display in a 'description' jar.

    http://www.rlemon.com/l-pic/
    Last edited by rlemon; 11-14-2005 at 08:12 PM.
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #2
    Senior Coder missing-score's Avatar
    Join Date
    Jan 2003
    Location
    UK
    Posts
    2,194
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I must say, what you are working on is pretty cool, looks nice and functions well too

  • #3
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by missing-score
    I must say, what you are working on is pretty cool, looks nice and functions well too

    thankyou. it has been rough going.

    i'm basically done the framework (although i'm constantly modifying it) and i need to finish the last few views and functions. once thats all done i get to do the fun job of upping the preformance... because as you can see it is lacking.

    Edit:

    and i'm sure you noticed the back forward buttons do nothing. . . well yea, i need to start the breadcrumbs too :P

    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #4
    Senior Coder missing-score's Avatar
    Join Date
    Jan 2003
    Location
    UK
    Posts
    2,194
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I just wonder if maybe you should/could use some kind of cache for the image thumbnails.... I'm guessing they are being generated at low quality to save bandwidth/processor power, but the thumbnail images I saw were such low quality to be any use.

    Maybe you could use some kind of image cache system to store the images in a thumbnails cache file or something?

  • #5
    Senior Coder missing-score's Avatar
    Join Date
    Jan 2003
    Location
    UK
    Posts
    2,194
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hmm, odd, i reloaded the page and the thumbnails were much higher quality :S

  • #6
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yea sorry i should have mentioned before i'm playing with the image quality right now, if you look again you will notice a button that allows you to view the filmstrip image at best quality - right now all images aer viewed at 58% best - before (what you were complaining about) was 1% :P
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #7
    Regular Coder
    Join Date
    Oct 2004
    Location
    England
    Posts
    282
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That's amazing, I like very much so. If you release this publically let us know I'd like to use it for websites due to its ease of use

  • #8
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thankyou very much. and i will post a link back to the installation page once the site is comeplete.

    Also, if anyone is looking @ the site right now please stop. i'm currently in the midst of writing some image caching. this is painfull and if others are trying to access the site while i'm testing it's screwing me up.... i'll post agian once it's finished.
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #9
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by rlemon
    Thankyou very much. and i will post a link back to the installation page once the site is comeplete.

    Also, if anyone is looking @ the site right now please stop. i'm currently in the midst of writing some image caching. this is painfull and if others are trying to access the site while i'm testing it's screwing me up.... i'll post agian once it's finished.
    image caching is somewhat complete.

    i've finished the thumbnail file creation (i'm no longer rendering each file on runtime) and it works for the most part.

    When you visit the site it checks to see if any new images have been added then creates thumbnails from that.

    however if you do not wish to wait for the check (takes a few secons depending on # of images) you can disable it.

    also, if you want to render all images run time you can disable the caching system (this will save server space but increases loading times).

    Currently:
    PHP Code:

    $use_cache 
    "yes";

    $run_cache_script "no"
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #10
    Regular Coder
    Join Date
    Oct 2004
    Location
    England
    Posts
    282
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Amazing, I need to bookmark your site, keep at it as I'm very eager to use this Can it be implemented simply?

  • #11
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes,

    there are three things you will need to know/do

    1) *this is a stand alone application - and has not been designed to be implemented into another site.

    2) the config file has a few variables to edit - with commenting.

    3) the 'pictures' are all stored in a single location on your server (again this location is defined in the config however i suggest you do not change it).
    you will need to upload all your images into seperate folders (as i have done, you will notice wedding and canoe trip appear to be seperate folders... thats because they are, one is ./pictures/wedding/ and the other is ./pictures/canoe_trip/

    I have decided that all file names and folder names will be changed on display to not show the file extension and to capitolize the first character. Also, any underscores are replaced with spaces (spaces in file names are supported as well).

    estimated setup time (not including upload times for all the images): ~3mins.
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #12
    Regular Coder
    Join Date
    Oct 2004
    Location
    England
    Posts
    282
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nice! It would be nice to be able to have two seperate entities, the toolbar on the left and the actual pictures so then you could move it around and implement it different but I'm not going to hassle you, what you've done so far is beyond what I'd be able to do and I'm primarily training to be a scientist in the field

    Damn good job

  • #13
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Again, thankyou! :P

    why it probably won't work however:

    the page is 3 frames :S
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #14
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    List view is now functional

    problems:
    well the first problem i had was making the text non-selectable. as you can see i've kinda taken the 'half assed' approach at this and made the text a form element.

    This however sparked another issue, how to make the text in the form element non-selectable BUT still be able to use on 'onClick' attribute.

    again i think i took the half assed approach at this by leaving the form element enabled and simply saying:

    onClick='setFocus()';

    function setFocus(){
    if(document.all){ window.focus(); {
    else { document.getElementById('hidden').focus(); }
    }

    then i made a hidden form element and gave it the id 'hidden'

    this seems to work fine in IE and FF, with the exception that you have to click on the name of the image to open or select it, also after you click the image there is a breif moment where you can see the cursor focus in the textfield.
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #15
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Updates:
    i've switched up the side bars... now more like XP

    there is a problem with the display in IE when opening and closing the side bar widgets and i'm working on it.

    now that this project is near a release i've started on a new personal portfolio site (which i hope to have done in a few days)..

    so for now, this will be the last update in a few days - but the next thing on my list for the gal is cleanup, then preformance, then once i have something a little more managable i'll do some bug fixing them installation instructions.

    so everyone look out for l-pic !!!
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •