...

View Full Version : l-pic *explorer image gallery* UPDATES: New sidebar



rlemon
11-09-2005, 10:34 PM
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/

missing-score
11-09-2005, 11:24 PM
I must say, what you are working on is pretty cool, looks nice and functions well too :)

rlemon
11-09-2005, 11:53 PM
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.:(



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

missing-score
11-10-2005, 12:24 AM
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?

missing-score
11-10-2005, 12:26 AM
hmm, odd, i reloaded the page and the thumbnails were much higher quality :S

rlemon
11-10-2005, 02:01 AM
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

KeZZeR
11-10-2005, 02:29 AM
That's amazing, I like very much so. If you release this publically let us know :thumbsup: I'd like to use it for websites due to its ease of use :thumbsup:

rlemon
11-10-2005, 07:24 PM
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.:thumbsup:

rlemon
11-10-2005, 08:20 PM
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.:thumbsup:

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:



$use_cache = "yes";

$run_cache_script = "no";

KeZZeR
11-10-2005, 09:10 PM
Amazing, I need to bookmark your site, keep at it as I'm very eager to use this :) Can it be implemented simply?

rlemon
11-10-2005, 09:52 PM
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.

KeZZeR
11-10-2005, 10:20 PM
Nice! :thumbsup: 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

rlemon
11-10-2005, 11:06 PM
Again, thankyou! :P

why it probably won't work however:

the page is 3 frames :S

rlemon
11-11-2005, 05:10 PM
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.

rlemon
11-15-2005, 10:05 PM
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 !!!

_Aerospace_Eng_
11-15-2005, 10:47 PM
Hmm in firefox, the image is opened up in a new window when in filmstrip view.

rlemon
11-16-2005, 02:13 PM
when you double click it? single clicks will 'select' the image. double click will open.

this is how it is working for me in FF

missing-score
11-16-2005, 02:18 PM
This is really coming on well... I must say I'm very interested in this idea (even though I would probably never use it :p).

I just wonder, for the information when you click on an item, are you using an AJAX method or what?

rlemon
11-16-2005, 02:38 PM
in my ignorance i do not know what an ajax method is.... so i'm gonna guess and say no.

:cool:

for the single click / double click i set up a timer... runs .3 seconds.
onClick="runFunction(this)"
JS:


document.onclick=function(){ runFunction('null'); }

function runFunction(obj){
clearTimeout(to);
if(obj != 'null'){
counter++
to = window.setTimeout(function(){checkCounter()},300);
}
}

function checkCounter(){
if(counter == 1){

} else if(counter>=2){

} else {

}
coutner=0;
return;
}

for the sidebar information i just pass a variable (in JS) to the right side frame then load it in a div element using innerHTML

missing-score
11-17-2005, 02:53 AM
An AJAX method would be where you only load folder information when you click on them (through an xmlHTTP request).

_Aerospace_Eng_
11-17-2005, 09:33 AM
when you double click it? single clicks will 'select' the image. double click will open.

this is how it is working for me in FF
Ugh no its when I press the blue next or previous arrows.

rlemon
11-17-2005, 03:33 PM
ohh, yea i'm aware of that one... not quite sure why it's happening but i have it noted in my list of bugs.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum