Minimoo2 Gallery

Minimoo2 is a completely rewritten version of our previous image slider - Mini Moo Gallery. Minimoo2 uses Jquery and a much smarter way to load images into the gallery which make creating a sliding image gallery almost effortless. Minimoo2 uses jQuery in no conflict mode so it should work with any other script. MiniMoo2 is available for download for all of our template club members.

You can see the Minimoo2 joomla gallery in action in the right sidebar. The images in the demonstration are from the collection of Len Metcalfe.

Minimoo2 features include:

• Minimoo2 uses jQuery in no conflict mode
• Load unlimited images into the module automatically from a folder on your webserver
• Smart Image resizer from Shifting Pixel resizes one image to create thumbnail and main images.
• Easy setting of cropping ratio to crop images to fit desire width or height.
• Your choice of prettyPhoto and Thickbox, open in new window, open in same window as options to display the original image when the image is clicked.
• Belated PNGFix built in for prettyPhoto.
• 31 transitions using the jQuery easing script.

Setup:

The setup for Minimoo2 is relatively easy. Please follow the steps and explanation of the settings below in order to make sure the installation and setup goes smoothly.

Scripts

1. Install Minimoo2 as you would install any other extension in Joomla 1.5.
2. Select whether you would like to include all of the scripts necessary to run minimoo2. Set this option to yes unless you have removed the references to the javascript and css and referenced it via the index.php file in your template.
3. Include jQuery if your template doesnt already include jQuery. An easy way to test this is to view the source of your website and do a search for the work jquery.
4. Include Css if you havent moved the references to the scripts or moved the contents of the minimoo2.css file to your template_css.css file.

Folder and basic module setup

1. Select the directory for your images. This is the relative path on your web server.
2. Select the subfolder path only if your site is placed in a subfolder on your site. eg if your site url is www.example.com/joomla then you need to place joomla/ in this field. If your site is in a subdomain then there is no need to enter a value here.
3. Width of the module corresponds to the overall width of the module.
4. Height of the module corresponds to the overall height of the sliding area.

Lightbox, link action and transitions:

1. Action to occur when main image is clicked - options include none, opens in a new window, opens in the same window, thickbox lightbox, prettyPhoto lightbox.
2. Enable pngFix - is used forprettyBox only. This option includes the belated PNG fix and will only have an effect on transparent images used onthe prettyPhoto overlay.
3. Speed of the transition - Defines how quickly the image moves from the current slide to the next.
4. Extended transitions - Set this option to yes if you want to use any transition other than the default transition (swing). If set to no the jQuery easing script is not loaded which reduces the module footprint.
5. Transition type - 31transition types to choose from.

1. Width of the thumbnail images sets the width of the first row of images - final output will depend on the ratio value below.
2. Height of the thumbnail images sets the height of the first row of images - final output will depend on the ratio value below. .
3. Cropping Ratio for width - controls the ratio of the width of the thumbnail images.
4. Cropping Ratio for height - controls the ratio of the height of the thumbnail images.

1. Width of the main images sets the width of the first row of images - final output will depend on the ratio value below.
2. Height of the main images sets the height of the first row of images - final output will depend on the ratio value below. .
3. Cropping Ratio for width - controls the ratio of the width of the main images.
4. Cropping Ratio for height - controls the ratio of the height of the main images.

Module parameters:

JB Slideshow v3.0

The JB Slideshow3 is a significant update to our previous Slideshow2. We have effectively rewritten the code and cut it in half making it a very slick, lightweight content fading, sliding, scrolling module for Joomla. We've added quite a few features to the slideshow and its implementation is slightly different also so if you are used to using JB Slideshow be sure to check the instructions below because they have changed.

You can see the slideshow in action above in the strip displaying in a newsticker format.

The slideshow is very versatile and can operate as a simple ticker or as a full scale slideshow with images and navigation. See the Sketch and Elevate Templates for more examples.

Naming your images.

The first difference that you'll find is the naming convention for the images.

In the JB Slideshow2 images are given image names that following a numbering system as follows: header.jpg, header2.jpg, header3.jpg and so on.

Whereas the JB Slideshow3 selects the names to display according to the name of the content item you want it to appear with.

So on the demo site you can see the first content item that appears is titled "IyengarandHathaYoga.jpg" - notice how there are no spaces in the name of the image but the capitalisation is respected (Keeping the capitals as per your titles is important on most server setups).

Positioning of the Elements.

The slideshow is made up of three basic elements which include the slideshow image, the text and the navigation circles. The position and the dimensions of these elements are controlled in the module admin by using absolute positioning which means you have ultimate flexibility in creating your own layout for the content, image and navigation buttons.

The positions we have created on the demo site and that you see in the parameter screenshot below are just an example of how you might be able to set the module up.

Other Features

The slideshow also incorporates some great looking and unique animations as a way of making your text and images fade and slide across the screen. The animations available include:

• Fade
• Scroll Up
• Scroll Down
• Scroll Left
• Scroll Right
• Slide horizontally
• Slide Vertically
• Turn Up
• Turn Down
• Turn Left
• Turn Right
• Zoom
• Fade and Zoom
• Curtain Horizontally
• Curtain Vertically

Module Parameters

Here is a screenshot of the parameters available in the module as well as the settings required to replicate the display of the moduel on the front page.

Pretty Box Gallery

PrettyBox is an extremely flexible and effective module gallery for Joomla. It can display images from a folder you nominate in a module or in your content using the loadposition code for Joomla 1.5 or the mosloadposition for Joomla 1.0.

It combines the Smart Image resizer by Shifting Pixel and Pretty Photo.

Panel Menu

The Panel Menu is an accordion like menu effect that utilises the extended menu module and presnt your menu items in a sliding panel based menu. Its ideal for displaying a large number of links with a small footprint.

The setup for the accordion menu is pretty much the same as the superfish menu except for one key difference - instead of using the superfish/menu.html template the menu uses the accordion/menu.html template.