Joomla - Random Images Module

In this chapter, we will study the random images module in Joomla. The random image module is used to randomly display images from a selected directory.

Random Image Module

Following are the simple steps to edit an existing custom image module in Joomla.

Step 1 − Click Extension → Module Manager in Joomla Admin, the following screen will appear −

Step 2 − Next, click on the New button and the following screen will appear. Next, click on a random image.

Step 3 − After clicking on Random Image, the existing Random Image module will be displayed as shown below.

By default, the Module tab is displayed. Below we have mentioned the details of the fields provided in the Module tab.

• Title - displays the title of the module

• Image Type - Displays the image type, such as png, jpg, .gif, etc. The default is jpg.

• Image Folder - Specifies the path to the image folder stored on the server.

• Link - Clicking on images redirects the URL.

• Width (px) - Specifies the width of the image in pixels.

• Height (px) - Specifies the height of the image in pixels.

• Show Title - Displays the title of the module at the front.

• Position - selects the position of the module to display.

• Status - Displays the status of the article, such as Published, Unpublished, and Trash .

• Start Posting - Posting starts at the scheduled date and time.

• End Publishing - ends the publication at the scheduled date and time

• Access - Allows access to selected users only from the drop down list such as Guest, Public, Super Users, Registered and Special to view items.

• Order − Displays a drop down list of all modules present in the position.

• Language - defines the language of the site. It provides either ALL or English (UK) options.

• Note. Used to enter text information.

Title - displays the title of the module

Image Type - Displays the image type, such as png, jpg, .gif, etc. The default is jpg.

Image Folder - Specifies the path to the image folder stored on the server.

Link - Clicking on images redirects the URL.

Width (px) - Specifies the width of the image in pixels.

Height (px) - Specifies the height of the image in pixels.

Show Title - Displays the title of the module at the front.

Position - selects the position of the module to display.

Status - Displays the status of the article, such as Published, Unpublished, and Trash .

Start Posting - Posting starts at the scheduled date and time.

End Publishing - ends the publication at the scheduled date and time

Access - Allows access to selected users only from the drop down list such as Guest, Public, Super Users, Registered and Special to view items.

Order − Displays a drop down list of all modules present in the position.

Language - defines the language of the site. It provides either ALL or English (UK) options.

Note. Used to enter text information.

Step 4 − When we click on the Assign Menu tab , you get a screen as shown below.

• Module Destination - Select an option to view the item from the drop-down list, such as All Pages, No Pages, Only Selected Pages, or All Pages Except Selected .

• Menu selection - After selecting the option, only the selected pages or all pages except those selected will display all the menu items present in Joomla. This allows the module to be assigned to some rather than all pages.

Module Destination - Select an option to view the item from the drop-down list, such as All Pages, No Pages, Only Selected Pages, or All Pages Except Selected .

Menu selection - After selecting the option, only the selected pages or all pages except those selected will display all the menu items present in Joomla. This allows the module to be assigned to some rather than all pages.

Step 5 − The Module Permissions tab contains three actions to choose from. It controls the module permission setting for user groups, as shown in the following screen.

• Delete - Allows users in the group to delete the content present in the module.

• Edit - Allows users in the group to edit the content present in the module.

• Edit State - Allows users in the group to change the state of the content present in the module.

Delete - Allows users in the group to delete the content present in the module.

Edit - Allows users in the group to edit the content present in the module.

Edit State - Allows users in the group to change the state of the content present in the module.

Step 6 − Advanced tab is used to perform advanced custom image settings. The additional tab screen is shown below.

• Alternate Layout - Selects the layout to be used for this module, which you have already defined as one or more layouts for a module in a Joomla or template.

• Module Class Suffix - Setting this option causes Joomla to either add a new CSS class or change the existing CSS class for the div element for that particular module.

• Caching − Caches the contents of the module. Use Global is used to cache settings from the global configuration. Caching is not used, regardless of whether the contents of the module are cached or not.

• caching time. Specifies the time in minutes before the module is re-cache.

• Module Tag - Specifies the HTML tag for modules.

• Bootstrap Size - selects the width of the module embedded in bootstrap.

• Header tag − Modules use HTML header tags.

• Header class − Additional CSS headers are added to the header of the module.

• Module Style - Overrides the template style for its position.

Alternate Layout - Selects the layout to be used for this module, which you have already defined as one or more layouts for a module in a Joomla or template.

Module Class Suffix - Setting this option causes Joomla to either add a new CSS class or change the existing CSS class for the div element for that particular module.

Caching − Caches the contents of the module. Use Global is used to cache settings from the global configuration. Caching is not used, regardless of whether the contents of the module are cached or not.

caching time. Specifies the time in minutes before the module is re-cache.

Module Tag - Specifies the HTML tag for modules.

Bootstrap Size - selects the width of the module embedded in bootstrap.

Header tag − Modules use HTML header tags.

Header class − Additional CSS headers are added to the header of the module.

Module Style - Overrides the template style for its position.

Toolbar

Following are the details of the toolbar function tabs provided in the custom image module.

Save - saves your modules.

Save and Close - Saves modules and closes the current screen.

Save & New - saves modules and opens a new module creation screen.

Cancel - cancel created modules in Joomla.