Installing this module

Install the DnnC Picasa Image Gallery the same way as you do any other Dnn module.

** Always backup your Dnn install before install this or any other modules **

Setting up

When you first drop the module onto a page you will have to set it up to access your Picasa Web Albums account. To do this, go to the module settings, then the 'Picasa image Gallert settings' tab.

Enter your username and password of your Picasa account into the appropriate places then save by clicking the 'Update' button.

When you return to the module view you should now see a list of all your Picasa albums.

Setting the Gallery to show

Go back to the module settings. You can choose to just display all images from 1 album only by choosing an album from the 'Default gallery to show' dropdown. If you want to show a list of albums leave this blank.

Main Gallery page

You can choose to display albums and images within albums on the same page but you can also have a main page within your site to show the albums and images.

For example, you have a list of albums shown on the homepage of you website but there is not so much space to display the images.

Create a new page, drop the DnnC 'Picasa Image Gallery' module into it, enter your username and password to set the module up then save. Return to the homepage and edit the gallery settings, from the 'Gallery page' dropdown choose the newly created page.

When the user clicks on an album they will be redirected to the newly created page and all images with the chosen album will be displayed.

Gallery Album Setup

From here you can:

  • Choose the position of the title of the album, here you can also choose not to display the album name.
  • Choose to display the image count in the album
  • Choose the standard thumb size you want to be displayed.

Gallery Image Setup

From here you can:

  • Choose the position of the title of the image, here you can also choose not to display the album name.
  • Choose the standard thumb size you want to be displayed.

Customizing the style

You can easily customize the style of the gallery albums and gallery images by over writing the following css selectors:

Album selectors:

  • dnnc_picasaAlbums li 
  • dnnc_picasaAlbums li img
  • dnnc_picasaAlbums .dnnc_galleryHolder
  • dnnc_picasaAlbums .dnnc_picasaThumb 
  • dnnc_picasaAlbums .dnnc_picasaTitle
  • dnnc_picasaAlbums .dnnc_picasaCount

Image selectors:

  • PicasaImages li
  • PicasaImages li img
  • PicasaImages .dnnc_galleryHolder
  • PicasaImages .dnnc_picasaImageThumb
  • PicasaImages .dnnc_picasaImageTitle

Last edited Aug 23, 2014 at 2:46 PM by gmBarlow, version 3