JoomlashineBlog

10
Jan

Build a Joomla photo gallery website by yourself

Posted by on in Website Development Tutorials
  • Font size: Larger Smaller
  • Hits: 29380
  • 9 Comments

Currently, the number of templates designed for Joomla gallery websites has increased significantly in the market. Considering this fact, I'd like to share with you some experience in building a photo gallery website from scratch based on version 1.5.

The aim of this article is to help you build a Joomla gallery on version 1.5 in the most cost-effective way. Therefore, I prefer free templates and extensions (under GNU/GPL license). The only cost you have to pay is hiring a hosting service and buying a domain name.

By following the steps below, you can build a Joomla gallery website by yourself.

Step 1: Choosing a template

You can choose a free template from various sources such as blogtemplate4u.com, joomla24.com and themesbase.com. Many developers have been submitting their work to these places for free. If you want to look for a version 1.6 template, take a look at the article that I wrote for Joomla Magazine a while ago - Free Joomla! Templates for Joomla! Community. Glance around and choose a template for your need.

JSN Tendo Free Edition which developed by JoomlaShine Team is a recommended template. The template is geared for photo gallery website so it possesses appropriate looks and features.

Build Joomla photo gallery website with JSN Tendo template

You can see right on the homepage an eye-catching flash gallery called JSN ImageShow. The extension is also developed by JoomlaShine and available for free. Download JSN ImageShow.

Please notice that the detailed documentation - The configuration manual for JSN Tendo is included in the Free File Download. Check it for more details about using the template.

Step 2: Choosing suitable extensions

Choosing suitable Joomla extensions for your photo gallery website is as important as looking for the best template. According to my web-development experience, a gallery page requires specific components. Here are some extensions that I suggest, all of which are under GNU/GPL license. You can download them for free.

Gallery

A Gallery Component is inevitable in any image website. This is the key component used to display your Joomla gallery website.

While you are using JSN ImageShow for the homepage showcase, you can also use it for the Gallery section. The most interesting thing is that JSN ImageShow allows you to connect your account on Flickr and Picasa. You can easily present your images from these sources on JSN ImageShow by using the API.

Besides, I recommend another cool Joomla gallery extensions which has been widely used by many photographers: Phoca Gallery

Build Joomla photo gallery website with Phoca Gallery

It is easy to categorize your images and show them neatly in groups like a portfolio or an album. You can change the parameters of the folders according on your liking. Also, viewers can make comments and give ratings, and you can set access and user rights and so on.

While JSN ImageShow specializes in stunning flash slideshows, Phoca Gallery differentiates itself by displaying each single photo. Phoca Gallery permits users to do quite a lot configuration and management in its control panel. Meanwhile, JSN ImageShow is much simpler with seemingly automatic functions.

The most exciting thing is that JSN ImageShow is capable of displaying images from Phoca Gallery easily. I think the combination is necessary when you want to showcase your latest albums on the site's front page.

Each component has its own advantages and you may want to try both. I think that JSN ImageShow will stand out from the crowd if it is usedto showcase a flash gallery on the homepage or on a single page. JSN ImageShow is perfect for effects and transitions.

In the mean time, Phoca Gallery will be ideal for a Joomla gallery collection, which contains a lot of different work under various categories. You can also view every images's information in detail and download it with Phoca Gallery.

Here is an example of how JSN ImageShow and Phoca Gallery can combine with each other perfectly. Take a look!

Form

Your viewers might want to leave you a message, so they can get in touch with you through the Contact menu. My recommendation is Contact NT component.

Build Joomla photo gallery website - Contact NT component

The component is based on the Contact component of version 1.5 with additional fields like: Website, Telephone Number and Customizable Combo. Configuration of Contact NT is like working with the default Contact component. I think working with this component is more convenient than others of the same type. Remember that you are required to register and login before downloading. Download Contact NT Component.

Weblog

More and more photographers and designers have developed a great demand for sharing their thoughts and experiences with viewers on weblogs. For a Weblog Component, I recommend K2 - the best extension for weblogs.

Build Joomla photo gallery website - Weblog Component

K2 can create powerful content for sites with integrated comment and social bookmarking functions. K2 has its own dashboard whichis separate from that of Joomla. Therefore, it is also convenient for you to control the weblog by setting up user groups, authors, articles, tags and comments from viewers.

Search

A Search Component will save viewers' time to locate certain photos when you have different categories and galleries on your gallery website. I suggest you try ACE Search Basic component, which is free and easy to use.

Build Joomla photo gallery website - ACE Search Basic component

As I'm introducing you a cost-effective way of building a web gallery, all components are non-commercial. For ACE Search, they also have commercial editions which includes more advanced features. If you find it necessary to use those features, you may consider the commercial editions of ACE Search. Donwload ACE Search.

Building a photo gallery website is simpler than other types. The major component is the gallery extension that displays your galleries or portfolios well. It should be in the most eye-catching way.

This article has shown you the main steps along with the necessary components to build a Joomla photo gallery website based on JSN Tendo.Try out with your first gallery website and leave us your comments. Good luck!

Rate this blog entry:

Comments

  • Marco Poet
    Marco Poet Wednesday, 04 April 2012

    Yup! i agree with your post and also one more point that's by adding the Best Joomla Photo Gallery, any one can create a dynamic Joomla photo album website with exquisite look.I too hope that it'll help very much in the web designing.

    Reply Cancel
  • huyennt
    huyennt Thursday, 05 April 2012

    Thank you for your comment and contribution. Which Best Joomla Photo Gallery you mentioned? :)

  • Marco Poet
    http://http//Marco Poet Friday, 04 May 2012

    I am very happy to read your articles it’s very useful for me,
    and I am completely satisfied with your website.
    All comments and articles are very useful and very good.
    Your blog is very attention-grabbing. I am loving all of the in
    turn you are sharing with each one!…
    website designing

    Reply Cancel
  • huyennt
    huyennt Tuesday, 08 May 2012

    You are welcome! :-)

  • Marco Poet
    Marco Poet Wednesday, 22 August 2012

    i really like to create joomla website, and your photo gallery creation in easy screenshot is perfect. Can we add more than 1k images in it? what will be the effect of that and what about alt tag, normally Google do not understand images, so i was a doubt.

  • huyennt
    huyennt Thursday, 23 August 2012

    Hi,

    - What do you mean by "more than 1k images"? Is it "more than 1000 images"?
    - And yes, JSN ImageShow supports alt tag. The alt tag is displayed as the same as the image title and the image format; such as abc.jpg

  • Marco Poet
    Marco Poet Monday, 27 August 2012

    Thanks for your reply Huyennt, for clearing my doubt, but if I added 1000 product images in my site, then my website loading time automatically increase, do you have any suggestions how should we maintain our website loading time.

    Windsor

  • huyennt
    huyennt Tuesday, 28 August 2012

    Hi,
    - You can display 1000 images on your website with JSN ImageShow.
    - You should store images in Picasa, then display them with JSN ImageShow. This won't affect the bandwidth. In case you store images in Local Folders, you should optimize images. image size should not more than 300kb -> The website loading speed will be faster.

  • Guest
    saby Wednesday, 13 November 2013

    I read your post and hope I get help from your side.
    Let say I want to design website to be used by photography.
    I need to let the photograph create his albums and photos using the website itself not from (Power admin) because this will be easy for him. I need him to create albums like the way that we create the albums and photos in Facebook. But the Visitor can only watch or comments and like …
    Could I you advise me on that ?

Leave your comment

Guest Wednesday, 03 September 2014
Go to top