modflickr Demo - JQuery Galleriffic 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
Galleriffic Layout Options
  1. Set the fade speed of the main image panels.
    demo image
  2. Set the delay speed between the main image panels.
    demo image
  3. Set the number of thumbnails per page.
    demo image
  4. Select how many images you want to preload ahead.
    demo image
  5. Select whether or not to show the top pagination links.
    demo image
  6. Select whether or not to show the bottom pagination links.
    demo image
  7. Select the maximum number of pagination links you'd like to show.
    demo image
  8. Select whether or not to show the slideshow controls.
    demo image
  9. Select whether or not to show the image navigation controls.
    demo image
  10. You can add your own "Play Slideshow" text.
    demo image
  11. You can add your own "Pause Slideshow" text.
    demo image
  12. You can add your own "Previous Photo" text.
    demo image
  13. You can add your own "Next Photo" text.
    demo image
  14. You can add your own "Previous thumbnails page" text.
    demo image
  15. You can add your own "Next thumbnails page" text.
    demo image
  16. Select whether or not to enable the history feature
    This feature lets your users navigate between photos using their back button.
    demo image
  17. Select whether or not to autostart the slideshow on page load.
    demo image
  18. Select whether or not to synchronise between transitions.
    demo image
  19. Select the transition duration.
    demo image
  20. Select whether or not to show the image filename as a title.
    N.B. underscore "_" characters in filenames will be converted to non-breaking space characters " "
    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