The S5 Frontpage Display 2 as seen edited in eWorld II and originally in Forever Ace II. The NEW edited version of Frontpage Display 2 contains all the features of the eWorld II release plus some new visual design and the horizontal sliding effect. The module also includes the proloader that loads your images before display the module.
Features at a glance:
NEW horizontal sliding transition
Height of top area
Height of boxes
Margins of module
Show between 2 and 8 boxes
Choose to cycle the boxes automatically or manually
Choose the display time
Use any image for the boxes and top area
Create hyperlinks for the boxes (fade in/out method only) or top area
Open hyperlinks in a new window or same window
Insert your own HTML code for the main content of the boxes.
New! Image preloader (loads all your images before display/rotating any of them.
Some things to keep in mind for this edited version:
Some features such as the slide effects Back.easeOut, Circ.easeOut, etc only work when the "Horizontal slide" method is chosen. The speed in seconds feature controls the "fade in fade out" effect when enabled, also the boxes below the main image are only clickable in the "fade in fade out" effect.
When adding icons for each box be sure to check out the provided PSD on an example of sizing and how to correctly position your icons. Also you can create a separate icon for hover over but again this feature only works with the fade in fade out method not the horizontal slider style.
Tips on adding images:
To add images simply open up your admin of the frontpage display 2 and input URLs to images you have uploaded on your onto your server. If they images aren't showing up be sure to paste the URL into your browser bar to be sure the image URL is correct.
Note - this module is for paid club members only.
Want to get the same look we have on the demo? Below is the code we used to get the HTML to show up on each of the Frontpage Display buttons, just insert this in the optional HTML boxes.
Demo code for HTML that is used to display the text for each box
<div style="color:#000000;margin-left:87px;padding-top:-1px;"><div style="font-size:15px;font-weight:bold;margin-bottom:6px;padding-top:4px;"> Introduction</div><div style="font-size:11px;width:130px;"> A basic list of features regarding the May 2010 Joomla Fusion template by Shape 5. </div> </div>