Jump to content
xisto Community
Sign in to follow this  
tillo

Tools For Photo Album With Html

Recommended Posts

I'm new in web design and I want to build a web site where my family can view thumbnail pages with family photos and select the thumbnails to view the original photo. As a starter I thought about a couple of thumbnail pages to increment or decrement. I want to generate the pages with a free tool in order to review the html code for self learning purpose. Is this a good approach and is there any free tool suitable for this?Tillo

Share this post


Link to post
Share on other sites

hm well yeah you can learn from it but basicly what most html gallery programs do is make a table and generate thumbs put them in <img> tags and then you can define the thumbs max width and height and also how many rows per page and how many thumbs per row ect. and then it just makes all the html pages. and it usualy makes a page for each picture you can click on.

If you are VERY new to HTML it might help you a bit but its nothing you can learn from to code by hand because what there programs do is take a whole load of workload off of you. You can look at download.com for some software that makes HTML GALLERYs. if you get shareware their most likly gonna watermark your images or put some text on your website that tells it was made by that program. so see ifyou can get freeware but im not sure those dont watermark it either your gonna have to look around.

if you dont find anything search for THUMB GENERATOR or somehting like that.

if you have any more questions feel free to ask :(

Share this post


Link to post
Share on other sites

Here is one of several links to found right here in the Xisto forums:
http://forums.xisto.com/topic/31792-php-photo-and-image-gallery-script-php-photo-and-image-gallery-script/
Please use the Search feature found at the top of each page. Or look at the bottom of the Topic and there will always be a 'Similar Topics' list to link to.
This question has been asked several times recently and there are several topics for review. I have posted only one.

Share this post


Link to post
Share on other sites

You can just create thumbnails for your images (very fast if you use a batch process in your graphics editing software) and all I do is put them in a table to keep them nice and neat and add an onClick behaviour to each one so that when someone clicks on the thumnail it opens a window with the full sized picture. It can be laborious if you have a lot of pictures but it is very basic and if you have good wysiwyg software (I use Dreamweaver MX) it's very straight forward. The downside is, as I said, if you have a lot of pictures, it's arduous and if the person viewing the pictures has a pop-up blocker, the full size pictures won't open. This is the method I use in my picture gallery (I'd love to point you to it but because my current host has screwed me big time, the link won't open :() Anywayz, this is how I do it:The code looks like this:<a href="javascript:;"><img src="miniaturehorse_thumb.jpg" width="150" height="102" border="0" onClick="MM_openBrWindow('miniaturehorse.jpg','','width=357,height=250')"></a><a href="javascript:;"> is just to add a link to the thumbnail. You can't add a behavior to a picture unless it is linked. You could just put in '#' (<a href="#"> but if you use #, every time someone clicks on a picture the page will jump to the top so I use an empty javascript command "javascript:;". The next part is the thumbnail that I want people to be able to click on, the width and height is obviously just the size of the thumbnail (you don't have to make a thumbnail, you can just make the original picture smaller by altering it's width and height attributes). The onClick is the behavior that allows someone to click on it. The MM_openBrWindow is what will happen when they click, in this case, open a window. The bit in the bracket immediately after is what will be in the window that opens (in this case a picture called miniaturehorse.jpg) and how big the window will be - 357 x 250 pixels. If you use this method, I would recommend that the window be 20 pixels bigger than the picture e.g if your picture is 100 x 130, the window would be 120 x 150. You can also set things like if the window will have scroll bars, navigation bar, resizing etc but I always disable them to make the window look nice and neat. This is of course clunky comparitively speaking and there are some much smoother javascripts out there but you would have to search for them. This is just one way using very basic html and javascript.

Share this post


Link to post
Share on other sites

I'm new in web design and I want to build a web site where my family can view thumbnail pages with family photos and select the thumbnails to view the original photo. As a starter I thought about a couple of thumbnail pages to increment or decrement. I want to generate the pages with a free tool in order to review the html code for self learning purpose. Is this a good approach and is there any free tool suitable for this?

Tillo 

221688[/snapback]


I use tumbnails on my site often. A sample can be seen at

http://forums.xisto.com/no_longer_exists/

Try it out, if this is what you want, you can use my page as a template. Or I can make you one if you like.

 

 

Actually here is a better example/template from my homepage site.

 

http://forums.xisto.com/no_longer_exists/

 

This would probably suit your purposes better. Of course, I would make the background color different. :( I am a purple and green freak.

 

Notice from jlhaslip:
Merged two posts.Please report them next time and the Mods will handle them. Edit to remove duplicate quote.

Edited by jlhaslip (see edit history)

Share this post


Link to post
Share on other sites

Ok I've done a search on Google and found these..
Hope they can somehow help in designing a HTML picture gallery.

http://www.mihov.com/sw/en/gc.php
http://www.nonags.com/nonags/htmlgallery.html
http://graphicssoft.about.com/od/webgalleryfreepc/
http://www.janim.net/error-404.php

I can't post more links here but you can search for more by googling "html gallery freeware" as the keywords..

Share this post


Link to post
Share on other sites

Wow, thank you all for the good replies! Thanks for the nice examples, links and lessons. I have enough information to study for a whole weekend. The website made by Mich is just what I had in mind.tillo :(:(

Share this post


Link to post
Share on other sites

The website made by Mich is just what I had in mind.

221952[/snapback]

Glad I could be of help. Here is a template version of my tumbnail link page for your photos. You can edit it to suit your needs.

 

Zip File Containing Template

 

Be patient when you click on the link, it takes a few moments for the download window to appear. If I can help in any other way, please feel free to PM me. :(

Share this post


Link to post
Share on other sites

there is a good album generator free for download an lots of template for you to use, I'm not sure if this has been mentioned before but you can check it out, it is called jalbum and I have used this one my site and it works great, user friendly and lots of options to choose from.

Share this post


Link to post
Share on other sites

Glad I could be of help.  Here is a template version of my tumbnail link page for your photos.  You can edit it to suit your needs.

 

Zip File Containing Template

 

Be patient when you click on the link, it takes a few moments for the download window to appear.  If I can help in any other way, please feel free to PM me. :(

221976[/snapback]


Mich, very much appreciated. Thank you for your help, I will check this out!

Share this post


Link to post
Share on other sites

I'm new in web design and I want to build a web site where my family can view thumbnail pages with family photos and select the thumbnails to view the original photo. As a starter I thought about a couple of thumbnail pages to increment or decrement. I want to generate the pages with a free tool in order to review the html code for self learning purpose. Is this a good approach and is there any free tool suitable for this?

Tillo

221688[/snapback]

hey. im jstu getting into photography and i have found some various programs.

I definatly reccomend tha you check this out http://forums.xisto.com/no_longer_exists/

or you can also try http://www.photobucket.com/ or http://forums.xisto.com/no_longer_exists/

good luck

Share this post


Link to post
Share on other sites

tel u the easiest one ?use PHOTOSHOP ! its VERY simple , and VERY easy to make .. just select the pictures and done ! thats it .... check in photoshop CS or CS2 ... u have sumthing called AUTOMATE ! .. taht thing makes ready made galleries , with different layoutts .. iv been using that .. for dynamic gallies , where i wdnt add / delete images.

Share this post


Link to post
Share on other sites

Wow, thank you all for the good replies! Thanks for the nice examples, links and lessons. I have enough information to study for a whole weekend. The website made by Mich is just what I had in mind.
tillo :lol::P



If you're BRAND NEW at html & stuff... check out dynamicdrive.com

Lots of little scripts & copy & paste codes to help you get some extra bells & whistles while you're learning.
DD is a great site for beginners, they have a couple javascripts that you can copy & paste to make your gallery...I used it for my first one...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.