Q: How do I make the home page banner rotate?

A:

THIS IS A HACK TO THE SYSTEM. A BETTER SOLUTION WILL BE PUT IN PLACE DOWN THE LINE THAT MAY KILL THIS FUNCTIONALITY. Try at your own risk.

The first quick step is to add some custom CSS. Click the layout tab at the top, then the Custom CSS link in the left navigation. Add the text #home_image { overflow: hidden; } to the custom CSS textarea and click outside of the box to save. This will make sure that your images won't overlap the container.

Next navigate to the media tab and upload the images you want to appear. You must crop the images on your own to the proper size. For example Theme #1 has an image size of 700 pixels wide by 200 pixels tall. After it is uploaded you will need the URL of each image. You can get that by clicking on the name of the image, not the icon.

Navigate to your Home Page under the 'Pages' tab in the top nav. Click on the edit icon. If you are using the FCKeditor (which looks like the image below) click the source icon. If you are in a different editor (TinyMCE) there should be an icon that says 'HTML'. In the source of the home page add the javascript that we describe below this image.


Javascript Code




The first three lines append new images into the '#home_image' div that is found on the Home Page. If you want to add more images you can just add new lines like these. The first two lines show how you can link to a URL from the banner. The third image shows a banner without a link.

To change the type of transition (available transitions) update the last line where it says cycle({ fx: 'fade' })
Other FAQs:
Can't find what your looking for?
Ask us a question so that we can add it here for future users.