Sometimes you might want to display high-resolution images on a website but doing it through regular means can potentially give your audience free high-resolution images. Here, I’ve used the Zoomify export tool in Photoshop CS3 and above to display the image in an interactive Flash container which allows the user to zoom in and out as well as pan around the image very easily.

This image is of my home in sunny Kendal in the north of England. Use the controls at the bottom to zoom in and out.

It’s very easy to use Zoomify. Just open your image (preferably as large as possible) in Photoshop, go to the File menu and choose Export and then Zoomify. A new window will open displaying the Zoomify export settings. These settings are fairly self-explanatory but I’ve put a screen shot below to show the settings I used. Basically you just need to enter the dimensions in pixels that you want the image to be displayed and the quality level you would like.

Now you just need to click OK and your browser will pop open with your image inside the Flash piece. Couldn’t be easier!

Thanks for reading.

Filed under: Examples, Web design by Brendan
No Comments »

I’ve been receiving a few emails recently about an old post I wrote regarding the Coda style popups. I wrote the post in response to a tutorial on the jQuery site detailing how to achieve the popup effect on the Coda site. Quite a few users (myself included) wanted to have multiple popups on the same page but hit a number of obstacles. I managed to get the effect working well and have left an example on my site here. Feel free to view the source code and pull it apart. You should be able to recreate the effect fairly easily.

Let me know how you get on and how you use the popups.

Thanks for reading.

Filed under: Examples, Web design, jQuery by Brendan
1 Comment »

If you like this custom theme I’m using, you can have it on your blog for free. Drop me an email and I’ll send you all the files you need to add it to your own blog. The theme is tableless and fully standards compliant and is all set up and ready to go. Just upload the files to your server and change the theme settings in your WordPress dashboard. Couldn’t be easier!

Filed under: Freebies, Web design, WordPress by Brendan
No Comments »

As you can see, I’ve given the entire site an overhaul. I’ve recently moved back to good ‘ol Blighty from Japan and thought it might be a good opportunity to have a redesign. I hope you all like it. I’d love to hear your comments about the new site so feel free to leave them below.

Thanks for reading.

Filed under: Web design by Brendan
No Comments »