The Building Intelligence Group

[robsta]

And another New Zealand Site - with Apache on a Linux box... and all is well...

www.thebuildingintelligencegroup.co.nz

The images on the home page and galleries were tricky to implement as the process for the client needed to be simple - asking someone to  'upload here, and check this and lthen do that'... let's face it eyes glaze over... well mine do...

So I've set it up so that the client just uploads images once into a 'gallery' content block. They can upload as many as they like and the order in the 'gallery' content block is the order they appear in the gallery. If they upload images into a 'feature' project the first image in the content block appears on the home page...

The home page javascript that displays and moves images works out the distance so that the repeat always works - even if there's only one. Which means its still 'simple'...

Next job is to use the CMSMS thumbs for the icons in the gallery instead of the full size ones...

[jen]

Great site! I love the colours.

How have you done the image galleries with the switchable images?

Nice one!
Jen

[robsta]

Great site! I love the colours.

How have you done the image galleries with the switchable images?

Thanks!

Much like the marquee of images on the home page...

1. The user uploads all of the images they require into one html content block... all side by side. (This is all they do)

2. The html content block then gets displayed inside a generated div that is equal to: (image height x sum of the width of all images).

3. This is then placed inside a square div with overflow:  hidden so that only one image shows at a time.

The numbered link just moves the generated div's left:position which is the image number * its width.

And yes we could have used a rollover – but clicking gives it that 'I can't believe it's not Ajax' feel...

[KoalaBlue]

Robsta, love the home page - it is terrific!

I certainly would like to be able to use this scrolling image idea  - would you be willing to share your code?

My interest is piqued ... does the client upload images for the Home page? or only the other projects on the site?

If the client did upload pics for the home page, how did you manage to get the scrolling images to be linked to specific pages?

Did the client have to do anything to set that up?

I'm guessing they just upload the project images - which is no mean feat, using the Content block.

Great job!

Hmmmmmmm ... just had a thought ... this might just be the perfect solution for Real Estate type website I've been looking for.

If I could work out how to set up a main 'projects page' like a real estate listing of properties ... so visitors could scroll down and click 'project/property', that'd be ideal. [well for me, anyhoo]

[tsw]

cool idea with the images, no more ajax!

[robsta]

My interest is piqued ... does the client upload images for the Home page? or only the other projects on the site?

If the client did upload pics for the home page, how did you manage to get the scrolling images to be linked to specific pages?

The images get uploaded to the individual projects contained in the 'Featured Projects' section... they can upload as many images as they like into the project (it's just an extra content block - full of pictures)... the home page just grabs the first one.

Did the client have to do anything to set that up?

I'm guessing they just upload the project images - which is no mean feat, using the Content block.

Pretty much - it's a completely hands off process for the client apart from uploading pics...

As far as code goes it's a bit of javascript to do the fade and image scroll, and a few user defined tags to grab the image, work out the scroll width and add links. I have two versions one for mod_rewrite servers and and one for pretty urls.

If you're really interested you can email me at robsta at slingshot dot co dot nz