Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
{note:title=Subscription Required}
This feature requires a [Premium Subscription|Subscriptions]
{note} 

h2. What's a "Transition"?
A transition is what happens when you change the time-period on your calendar. For example, clicking the Forward/Backward arrow from the Month view will transition you to a new month.

Most transitions are nothing more than a simple page refresh. You click, the browser window blinks, and a new page appears. *Boring!*

h2. Spice things up!
localendar lets you make things more interesting with custom transition effects as you move between periods. Try them out below! These examples also have some crazy calendar [themes and custom colors|Colors and Backgrounds].

{html}
Choose effect to preview: 
<select id="preview_select">
	<option value="effect_slide">Sideways Slide</option>
	<option value="effect_fade">Fade</option>
	<option value="effect_vdrop">Vertical Slide and Fade</option>
	<option value="effect_zoom">Zoom In</option>
	<option value="effect_bright">Bounce Right</option>
	<option value="effect_curtainx">Curtain</option>
	<option value="effect_hdrop">Fading Sideways Sideways Slide</option>
	<option value="effect_hclip">Sideways Clip</option>
</select>
<br/>
<table border="0" width="100%"><tr><td align="left">
	<IFRAME id="preview_display" src="httphttps://www.localendar.com/public/effect_slide" height=700 width=600 marginheight=0 marginwidth=0 scrolling=no frameborder=0 border=0></IFRAME>
</td></tr></table>
<script>
function loadPreview()
{
	var previewCal=jQuery("#preview_select option:selected").val();
	if (previewCal=="none")
		previewCal="sample";
	jQuery("#preview_display").attr("src","/public/"+previewCal);
	
}

jQuery(document).ready(function()
{
	jQuery("#preview_select").change(loadPreview);
});
</script>
{html}

The default effects include:
* Fade
* Vertical Slide and Fade
* Bounce Up
* Zoom In
* Bounce Right
* Curtain
* Sideways Slide
* Fading Sideways Sideways Slide
* Sideways Clip

You can access the "Special Effects" menu from the Premium tab of the [left menu|Overview of the localendar menu].

{note:title=Cross-browser Compability}
Some browsers may display effects slightly differently depending on their native capabilities.
{note}