Im in the midst of designing a personal site. One of the pages im intending to put photo's on . What i have in mind is when people open that photo page they are presented with little "kinda like a screenshot or miniture version of the picture) and when they click on the picture they get a separe browser loading which loads up the picture but on a bigger scale.
im not describing it well but its like when you visit a forum and people submit pictures to Imageshack and then in the forum thread they link to it . When a user then opens the thread a smaller version of the picture is presented to them and they can then click on the picture to get a bigger version.
Thats what i want to do except all the pictures will be hosted on my own server.
I hope someone understand and can help me out.
August 24th, 2005, 03:36 PM
all u have to do is create thumbnail versions of the pictures and display those on the main page. then u link the thumbnails to the bigger picture. This would be really easy to do if the pictures are stored in a database of some sort, hence the thumbnail and corresponding picture are tied together by the same id.
the following details would be appreciated though; serverside scripting? database? etc..
August 24th, 2005, 04:46 PM
The website itself is pretty simple Html , right now the pictures are on my harddrive in a folder . All i need to know if how to create a preview/thumbnail view of them.
Im using Dreamweaver to create the website.
August 24th, 2005, 04:54 PM
since u r using dreamweaver then i assume u have fireworks too. just open up the image and resize it to a convenient size(64*64 maybe) and also reduce the image quality as this will reduce the no of bytes it consumes. If u have a bunch of thumbnails this will really help your page loading time. I would have suggested just using <img width='XXX'> to modify the size but then this doesnt present a gains as far as bandwidth is concerned.