LuckyMarble / i3dthemes: Wordpress 'Theme' Tutorials

Tutorial Index

 

Section 7: Working with Media Components

Exercise 7-2: Working with the Image Rotator

Please review the tutorials on working with the 'Media Library' prior to updating the Image Rotator components.

The Image Rotator / Primary Image Rotator component is included in the 'Alternate' layout.

The Secondary Rotator component is included in the 'Secondary' layout.

The Image Rotator component is an image gallery component. You can display as many images in the component as you need. Each image can include a description that is displayed when the visitor clicks on the (i) icon while hovering over the picture. One of the reasons we've included this image gallery components is that some folks require more of a 'banner ad' style component with buttons and visible descriptions, while others need more of gallery style component that displays larger 'images'. To really 'add some punch' the Image Rotator uses some nifty 'scripting' and animation to slice up the image during transition, which gives it a very 'high end' effect. The 'Secondary' pages use a smaller header area so a smaller version of the 'Image Rotator' is included in these pages as well.

Make sure you've reviewed the 'Media Library' tutorials, and you've uploaded your images.

Managing the Image Rotator Component (all versions)
  • click on the 'Flash' menu
  • then click on the 'Image Rotator' menu

  • if your theme displays image by default you'll see them listed first

  • to remove the default images, just click on the 'Remove' button
  • then click on the 'Save Changes' button

  • to add your first image, locate the image in the Image Library panel on the right

  • then click on the image to add it to the Rotator

  • enter a 'Title' for the image, and a description
  • the Title and Description will be visible to the user when the user hovers over the Image Rotator, and clicks on the (i) information icon
  • continue adding new images
  • to hyperlink your image, click on the 'Expand' button

  • then select a page to link to from the 'Link To' menu

  • if you wish to open this page in a new window, change the target in the 'Link Target' menu

You can add as many images to the Primary Image Rotator as you like. You should

Continue to Exercise 7-3: Working with the Music Player