Photo Gallery

[samuvk]

Any easy way to do something like the attachment.

I just need to have a Gallery on the left and show the selected image on the right.

Also like to have the option of several a scroll down or several pages on the left to be able to have several photos.

And to have a title and description under the selected picture on the right

Thanks so much

[devnull69]

If you google "image gallery", possibly together with jQuery (if you want), you will certainly find hundreds of different examples.

Otherwise there is no easy answer unless you add some more information
- Will the thumbnails be separate pictures or do you just want the browser to downscale?
- Will the images (image paths) be stored in a file system or a database of some kind?
- Do you want all the images (on all sub pages) to be loaded on page load or do you want to load the images only when they are "about to be shown"?
- Do you already have the markup for the gallery (i.e. the container elements and the positioning CSS)?

I am asking this because usually you will get help if (and only if) you show some effort, i.e. some of your own code, and then describe your specific problem. We are not a free coding service.

[samuvk]

Thanks for your quick response.

As you recommended, I have already check hundreds of websites but it was difficult to find what I want. Something like the images I posted.

I actually have the code, but my issue is that there are many files and I want to post it in blogger and I don't know where and how to introduce the code.

I have attached the following:

1. MyArtGalleryCode.txt --> this is the HTML code which I understand I would have to write in the post.
2. basic.css --> I'm not sure but I guess I should write in the Template --> Edit HTML de blogger under the <header>
3. galleriffic-2.css --> I'm not sure but I guess I should write in the Template --> Edit HTML de blogger under the <header>
4. jquery.gallerifficCODE.txt --> This is the .js or JQueary file that I don't have idea what to do with it or where to write up the code. I don't know how to use.

I have to other .js files. One is the jquery-1.3.2 which I'm not sure If I have to include or not or if I can just call it.

Thank you very much again for your help

[samuvk]

Responding to your questions:

- Will the thumbnails be separate pictures or do you just want the browser to downscale?
I would like the thumbnails to be separate pictures that I could give a path to them <img src="where I would indicate the path of the picture">
- Will the images (image paths) be stored in a file system or a database of some kind?
I would call the pictures as indicated above. I would store the pictures in Picassa and call them through a path.
- Do you want all the images (on all sub pages) to be loaded on page load or do you want to load the images only when they are "about to be shown"?
I would like to load the images only when they are about to be shown
- Do you already have the markup for the gallery (i.e. the container elements and the positioning CSS)?
I have attached what I have in the previous post.

Thanks you very much again for your help