Jump to content

Recommended Posts

Posted

I'm trying to update my mates website. He's an artist so its just pages and pages of pictures. So i had a browse see what i could come up with to make life easier for me. Found this css gallery with a bit of java that creates a new page when the thumbnail is clicked, well thats what i though.... i cant for the life of me get it to work!!!

 

I'm obviously missing something...

 

dont laugh...

 

Free Web Template: Simple Photo Gallery Layout

Posted

Hey,

 

How many pictures are you talking about? It might be worth installing something like Coppermine to manage the "pictures" as "albums" or so, which might look a bit sexier than raw gallery stuff.

 

Alternatively, I have some code (it's for linux though (using transmogrify)...) that takes the pictures, resizes them, creates thumbnails and then generates the kind of tabled box effect that link shows.

  • Thanks 1
Posted

well the disk he's given me has 250 on...and thats the first disk. The current website has got to have coming up to a 1000...

 

Never thought about some sorta php website. I think its because im used to using my basic webhost instead of his which does support php...

Posted
I'm trying to update my mates website

 

Free Web Template: Simple Photo Gallery Layout

 

 

Hi

I've had a quick look at the photogallery template and have got it going

Javascript is fine - didn't need to change anything

 

What you need to do is check where you are storing the images

 

In the first XHTML file from the photogallery template there are two images defined - one for the thumbnail (washing_tn.jpg) and the second (washing.jpg) is the full size image is shown (by the second XHTML page) when you click on the thumbnail

 

This is the thumbnail bit

../graphics/washing_tn.jpg

 

NOTE it forces image resizing (width="100" height="100" ) - so you don't really have to have a seperate thumbnail image if you don't want to

 

Now we need to sort out where you are storing the images on the web server

If your html files are in

/www/index.html

 

Then washing_tn.jpg should be found at

/graphics/washing_tn.jpg

 

So you'll have something like

/www/index.html

/www/other.html

etc

/graphics/washing.jpg

/graphics/washing_tn.jpg

etc

 

 

 

See below - I've modified the Div section so that it is NOT using a seperate thumbnail image file

 

../graphics/washing.jpg

 

 

Wash Time

 

Checked on Firefox & IE6 - seems OK

 

Hope this helps -

wITch partner

:alien:

  • Thanks 1
Posted

I'd still make the thumbnails as with a simple resize in the html it'll still load the full image (bandwidth/size wise).

 

Good advice though.

Posted
Something like Irfanview will do your thumbnails for you and rename them accordingly in a batch mode leaving you to fight with the stuff Mr Witch suggested.
Posted (edited)
I'd still make the thumbnails as with a simple resize in the html it'll still load the full image (bandwidth/size wise).

 

Good advice though.

 

If you haven't got too many images I wouldn't bother with the thumbnails as the full-sized image(s) would be downloaded and cached in the browser reay to use on the second page

 

BUT - If you have got a lot of images to present on the first page then thumbnails are probably recommended as the smaller files will help the page load faster - the the usre clicks on the image of interest to get the second page with full sized image

 

wITch partner

:alien:

 

OOPs didn't spot the last couple of replies

Edited by witch

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



×
×
  • Create New...