Ok..., everything works almost...
The pics show up in the window now exept the first...
What is going wrong here...?

You need to start numbering from 00.jpg, you probably started with 01.jpg

Xyrano, me again, am I annoying you yet 

Anyways, specifying only the width in the CSS for the img tag is nice, as it resizes proportionally, but usually, I prefer my thumbnails to all have the same size, so I added a height attribute too. Now, you can probably imagine what happened. The pictures are being resizes, but some are distorted!

Is there a way to make it so it crop the excess height instead of resizing disproportionally?

Oh my, plenty new post (that will teach me to go out 4 pizza)  

My beloved javascript1.2 book states; "For security reasons, client-side JavaScript does not allow the reading or writing of files. Obviously, you wouldn't want to allow an untrusted program from any random web site to run on your computer and rearrange your files."
What that means (for us, here, now) is, that there is no way to read a folders content, much less get the script to discover how many picture there are in a UPC folder. Sorry!

So, If we are going to have any number of images in a gallery, then we must tell the script how many images to load. Hence, the "<gallery=#>" approach.

Quoting ya_shin:

Quote:
xyrano, since you obviously know much more than me about JavaScript, do you vaguely know what I meant above, about the pre-loading of the images into an array, which therefore allows you to check the size and determine if all images in a folder have been loaded...?

I see two advantages:
1. We don't really have to count for each folder how many images are there and set the number in the votes.
2. We could actually use another tag, which is easier to maintain than the Notes...

Yes, I know and have done a couple of pre-loader scripts. We still need <gallery=#>, or a TAG, though

Quoting RossRoy:

Quote:
Xyrano, me again, am I annoying you yet 

Anyways, specifying only the width in the CSS for the img tag is nice, as it resizes proportionally, but usually, I prefer my thumbnails to all have the same size, so I added a height attribute too. Now, you can probably imagine what happened. The pictures are being resizes, but some are distorted!

Is there a way to make it so it crop the excess height instead of resizing disproportionally?

, actually I wanna say thanks to you guys for helping Mr Z man and others.

hehe, thats exactly why I didn't set the height attribute! 
But, the pre-loading image array ya_shin mentioned, could solve that particular problem

So thats;
- locality
- pre-load images to get to image proportions for thumbnail sizes.
for next update, anything else?

Quoting ya_shin:

Quote:
Quoting xyrano:

Quote:
Yes, I know and have done a couple of pre-loader scripts. We still need <gallery=#>, or a TAG, though

You say "or a TAG... But if I use tags, similar to the EPGs, then the script wouldn't know how many images it's supposed to load?

Quoting xyrano:

Quote:
hehe, thats exactly why I didn't set the height attribute! 
But, the pre-loading image array ya_shin mentioned, could solve that particular problem

So thats;
- locality
- pre-load images to get to image proportions for thumbnail sizes.
for next update, anything else?

But if you preload and can then check the properties of the image, couldn't you do this:
Loop the preload procedure. Check the properties within the loop. If there are no properties (or 0), wouldn't that mean that you have loaded all images...? If you know you preloaded all images, you know how many there are...? (That is what I remembered, an indirect way to find out how many images there are; instead of reading the folder, which is not possible using JavaScript.)

I don't remember doing it that way when I did them(I always knew what images to load), I'll have to investigate unless you can give an code example 
But if we can do it the way you describe we wouldn't need '#' in <gallery=#> nor would we need TAG(S) (I can see RossRoy smiling all the way over here), we would only need <gallery=1> or just plain <gallery>.

Replies within...

Quoting ifbi98:

Quote:
I'm trying to understand the script you are using.

What does DP_Notes.indexOf("<gallery="); do?
x: It looks for <gallery= in the DP_Notes variable.

What is DP_Notes? a special variable defined by DVD Profiler that can be used in scripts?
x: Yes, it is. It is created during runtime and comes from HEADER_VARS.

What other variables do we have?
x: In DVD Profiler: View -> HTML Window -> Edit. Select a HTML Section (if you don't have one, create one.). Click the Preview tab (bottom center). Right-click within the right area -> select View Source. Look in there to find out what other variables the HEADER_VARS contain.

If indexOf is a method of DP_Notes, what other methods DP_Notes has?
x: DP_Notes is a JavaScript String Object. indexOf is a method of JavaScript String Object. For other methods see here.

What I'm trying to do is to store the name of a directory somewhere inside NOTES field (where I also store some more stuff), and being able to read it in order to concatenate it to another JavaScript variable to form an absolute path. With this path I want to open a Window to show an image stored in that path
x: You want to do the .../C/Con Air... thingy, right? I think my EPGL script might have some of the functionality you need, see my signature.

Please, can you give me some help?

Thanks for all your work.

Quoting xyrano:

Quote:
I don't remember doing it that way when I did them(I always knew what images to load), I'll have to investigate unless you can give an code example 

I don't have sample code I have seen this before on some website, but searching for it yesterday I couldn't find it again...