modflickr Demo - Galleryview Layout

Module Installation

To install modflickr log into your Joomla! site's administrator panel wih Super Administrator privliges and install it as you would any other 3rd party Joomla! module.

  1. From the top menu select Extensions > Install/Uninstall.
    demo image
  2. Browse to and select your modflickr module zip file that you downloaded.
    demo image
  3. Click on Upload file and install.
    demo image

Module setup

To set up modflickr to show your flickr© photosets, photostream or galleries using the Basic layout follow these simple steps:

Module parameters section
  1. Add your flickr© API key.
    demo image
  2. Add your flickr© NSID.
    demo image
  3. Select the Basic layout from the dropdown list.
    demo image
Flickr.com Photo Options
  1. Select the type of flickr© list you'd like to select images from, from the dropdown list.
    demo image
  2. If you selected "set" from the dropdown list enter your photoset ID.
    demo image
  3. If you want to limit the number of photgraphs shown
    Just enter many photographs you'd like to show. Limiting does not apply to flickr© galleries as they are limited to 18 (eighteen) by flickr© or to sets overview. If no limit is set then by default the flickr api will return a maximum of 100 images, if your photostream or set contains more than 100 images and you would like to show them all then enter the number of images your photostream or set contains.
    demo image
  4. If you set a limit to the number of photgraphs shown you can choose which page to show images from (i.e. if you have 100 images and you have set the limit to 10 then you can show images 11 -to- 20 by selecting page 2
    demo image
  5. If you selected "gallery" from the dropdown list enter the gallery number
    (the most recent gallery that you set up in flickr© will be number "1", the next most recent number "2" and so on).
    demo image
  6. Select the thumbnail photo size from the dropdown list.
    You can select from the following sizes: square (75px x 75px); thumbnail (100px x 75px); small (240px x 180px).
    demo image
  7. Select the large photo size from the dropdown list.
    You can select from the following sizes: small (500px x 375px); medium (640px x 480px); large (1024px x 768px) - if you select the large photo size first ensure that this photo size is available on your flickr© account.
    demo image
  8. Select whether or not to show the descriptions from your flickr© photos.
    demo image
Galleryview Layout Options
  1. Select whether or not to show the main image panel.
    Using the Galleryview layout you can elect to show the main image panel and thumbnails, just the main image panel, or just the thumbnail strip.
    demo image
  2. Select whether or not to show the thumbnails strip.
    Using the Galleryview layout you can elect to show the main image panel and thumbnails, just the main image panel, or just the thumbnail strip.
    demo image
  3. Select where to position the thumbnails strip.
    You can choose from top, bottom, left or right.
    demo image
  4. Select the thumbnails navigation theme.
    You can choose from Dark or Light.
    demo image
  5. Select the scaling option for thumbnail images
    demo image.
    N.B. crop = scale image and fit to aspect ratio determined by thumbnail width and thumbnail height, nocrop = scale image and preserve original aspect ratio.
  6. Select how big a gap you want to have between your thumbnail images, in pixels.
    demo image
  7. Select the pointer size you'd like to use.
    demo image
  8. Select which panel you'd like to start the slideshow at.
    demo image
  9. Select the transition speed of the main image panels from the dropdown box.
    demo image
  10. Select the transition interval between the main image panels from the dropdown box.
    demo image
  11. Select whether or not to show the image filename as an overlaid title on the main image panels.
    demo image
  12. Select whether to show the title at the top or bottom of the main image panels.
    demo image
  13. Select the opacity of the title overlay from the dropdown box.
    demo image
  14. Select the easing style of the panel transitions
    demo image
  15. Select whether or not to fade from one panel to the next.
    demo image
  16. Select whether or not to pause the slideshow on mouseover.
    demo image
Other parameters section
  1. Select whether or not to load the module's JQuery library.
    If your site/template loads JQuery prior to the module then you can elect to switch off loading JQuery
    demo image
  2. Select whether or not to load the module in diagnostic mode.
    If you have trouble with loading your flickr© photos then you can elect to switch on diagnostic mode to help with troubleshooting, diagnostic mode will show your flickr© settings in your site's front-end.
    demo image
  3. You can select whether or not to show the module's logo.
    Although you can switch the logo off we'd of course appreciate if you left it in place to provide a visual link back to Bulletproof Templates.
    demo image
  4. You can select whether or not to show the module's flickr© disclaimer.
    If you choose not to show the flickr© disclaimer then the module will still print it in the source code of your page to keep you in line with flickr©'s terms and conditions.
    demo image