image gallery - it should be easier than this

[Richard]

All I want to do is to read a list of the image files in my folder and
display them on a page. That way I don't have to re-write the page, I
can just upload extra images.

I don't need fancy bells or whistles or slide shows or sliders or
anything.

The smallest google search I come up with offers a million pages, most
of them bells and whistle types and I can't find the wood for the trees.

Can anybody help please?

Richard
--

[Randy Webb]

Richard said the following on 8/6/2006 4:46 AM:

>
All I want to do is to read a list of the image files in my folder and
display them on a page.

Unless you have server side scripting available then you won't be able
to as javascript has no way to access the server file system.

That way I don't have to re-write the page, I can just upload extra images.
I don't need fancy bells or whistles or slide shows or sliders or anything.

What you could possibly do is upload your images, get an FTP listing,
copy it to a text file, create an array from the names, then upload that
file as a .js file and include it in the page.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Richard]

In message <DZ************ *************** ***@comcast.com >, Randy Webb
<Hi************ @aol.comwrites

>Richard said the following on 8/6/2006 4:46 AM:

> All I want to do is to read a list of the image files in my folder
and display them on a page.

Unless you have server side scripting available then you won't be able
to as javascript has no way to access the server file system.

>That way I don't have to re-write the page, I can just upload extra images.
I don't need fancy bells or whistles or slide shows or sliders or anything.

What you could possibly do is upload your images, get an FTP listing,
copy it to a text file, create an array from the names, then upload
that file as a .js file and include it in the page.

Hmm... this is where our definitions of "simple" differ. ;-)

That is beyond my skills at the moment.

I've found a program that does a neat version here on my own PC and
generates the html page, as in:-

http://www.topshareware.com/Actual-W...load-13520.htm

Which can be set up to produce this:-

http://www.squeaky.demon.co.uk/Freec...y/gallery.html
So far it's the best way I've found.
<sigh>

Thanks for your reply ;-)

Richard

--

[maya]

Randy Webb wrote:

Richard said the following on 8/6/2006 4:46 AM:

>>
All I want to do is to read a list of the image files in my folder and
display them on a page.

Unless you have server side scripting available then you won't be able
to as javascript has no way to access the server file system.

>That way I don't have to re-write the page, I can just upload extra
images.
I don't need fancy bells or whistles or slide shows or sliders or
anything.

What you could possibly do is upload your images, get an FTP listing,
copy it to a text file, create an array from the names, then upload that
file as a .js file and include it in the page.

I also have a CMS/images-display question.. is is at all possible,
either with JS or server-side (which in my case would be either Java or
PHP) to detect DIMENSIONS of the images? I do not want a system which
sizes images for you.. I want images to display at exactly same
dimension they are.. I was reading this the other day..

http://www.alistapart.com/articles/magazinelayout/

but he seems to be implying only way to to do this is by letting system
determine dimensions of images.. is there another way?

thanks..

[Richard]

OK...

I can have a page with two frames and into frame2 I could load

www.sompage.com.foldername/

Which, with no index file present, will give me a listing of all the
files in that folder.

Given that these are image files, can I read and parse the text present
in frame2 and parse it and hand it to javascript in frame 1 as a
variable so that I can then load the image into a table cell?

Richard, feeling brain damaged.

--

[Randy Webb]

maya said the following on 8/6/2006 10:36 AM:

Randy Webb wrote:

>Richard said the following on 8/6/2006 4:46 AM:

>>>
All I want to do is to read a list of the image files in my folder
and display them on a page.

Unless you have server side scripting available then you won't be able
to as javascript has no way to access the server file system.

>>That way I don't have to re-write the page, I can just upload extra
images.
I don't need fancy bells or whistles or slide shows or sliders or
anything.

What you could possibly do is upload your images, get an FTP listing,
copy it to a text file, create an array from the names, then upload
that file as a .js file and include it in the page.

I also have a CMS/images-display question.. is is at all possible,
either with JS or server-side (which in my case would be either Java or
PHP) to detect DIMENSIONS of the images?

PHP can read image dimensions on the server:

<URL: http://us2.php.net/manual/en/function.getimagesize.php >

Then, PHP can tell your script what it needs to know.

I do not want a system which sizes images for you.. I want images
to display at exactly same dimension they are.. I was reading this
the other day..
http://www.alistapart.com/articles/magazinelayout/

Now I remember why I don't read alistapart anymore.

but he seems to be implying only way to to do this is by letting system
determine dimensions of images.. is there another way?

That's not the implication I got from the article but there is another
way, see above.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Randy Webb]

Richard said the following on 8/6/2006 11:19 AM:

>
OK...

I can have a page with two frames and into frame2 I could load

www.sompage.com.foldername/

Which, with no index file present, will give me a listing of all the
files in that folder.

That is what I was talking about doing. Open that page in your browser,
copy the image names, and then strip out the text you don't want, wrap
each name in "<imageName >" and make it an entry in an array. Save the
file as a .js file and then include that file in the real page.

Given that these are image files, can I read and parse the text present
in frame2 and parse it and hand it to javascript in frame 1 as a
variable so that I can then load the image into a table cell?

Maybe, depending on the browser and what kind of file/listing the server
gives.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Richard]

In message <hY************ *************** ***@comcast.com >, Randy Webb
<Hi************ @aol.comwrites

>Richard said the following on 8/6/2006 11:19 AM:

> OK...
I can have a page with two frames and into frame2 I could load
www.sompage.com.foldername/
Which, with no index file present, will give me a listing of all the
files in that folder.

That is what I was talking about doing. Open that page in your browser,
copy the image names, and then strip out the text you don't want, wrap
each name in "<imageName >" and make it an entry in an array. Save the
file as a .js file and then include that file in the real page.

Now THIS is the bit that's currently beyond me. I'm self taught so I
have a good few gaps. I don't mind learning and bashing code about
until it begs for mercy - I take it you DO mean that I can do all that
with javascript?

>

>Given that these are image files, can I read and parse the text present
in frame2 and parse it and hand it to javascript in frame 1 as a
variable so that I can then load the image into a table cell?

Maybe, depending on the browser and what kind of file/listing the
server gives.

Hm...
Richard
--

[maya]

Randy Webb wrote:

maya said the following on 8/6/2006 10:36 AM:

>Randy Webb wrote:

>>Richard said the following on 8/6/2006 4:46 AM:

All I want to do is to read a list of the image files in my folder
and display them on a page.

Unless you have server side scripting available then you won't be
able to as javascript has no way to access the server file system.

That way I don't have to re-write the page, I can just upload extra
images.
I don't need fancy bells or whistles or slide shows or sliders or
anything.

What you could possibly do is upload your images, get an FTP listing,
copy it to a text file, create an array from the names, then upload
that file as a .js file and include it in the page.

I also have a CMS/images-display question.. is is at all possible,
either with JS or server-side (which in my case would be either Java
or PHP) to detect DIMENSIONS of the images?

PHP can read image dimensions on the server:

<URL: http://us2.php.net/manual/en/function.getimagesize.php >

really? that's great!! :) thank you...

[Randy Webb]

Richard said the following on 8/6/2006 5:03 PM:

In message <hY************ *************** ***@comcast.com >, Randy Webb
<Hi************ @aol.comwrites

>Richard said the following on 8/6/2006 11:19 AM:

>> OK...
I can have a page with two frames and into frame2 I could load
www.sompage.com.foldername/
Which, with no index file present, will give me a listing of all the
files in that folder.

That is what I was talking about doing. Open that page in your
browser, copy the image names, and then strip out the text you don't
want, wrap each name in "<imageName >" and make it an entry in an
array. Save the file as a .js file and then include that file in the
real page.

Now THIS is the bit that's currently beyond me. I'm self taught so I
have a good few gaps. I don't mind learning and bashing code about
until it begs for mercy - I take it you DO mean that I can do all that
with javascript?

You could write a script that would read the list from a web page,
maybe, and then try to parse out the filenames. But it's a lot simpler
to do it manually.

var images = new Array()
var num = 0;
images[num++] = "name of first image";
images[num++] = "name of second image";
images[num++] = "name of third image";

It is quite simple to do that with a text editor with a good
Find/Replace in it. Remove all the text except image names, then
Find/Replace.

Find: ^P
Replace with: ";^Pimages[num++]="

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/