<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
  <head>
    <title>Tips</title>
    <meta name="description" content="Tips and hints about getting the most from your webjam." />
    <meta name="keywords" content="webjam, tips, hints" />
    <meta name="Webjam2.ExecutionTime" content="406" />
    <meta name="Webjam2.SerializationTime" content="312" />
    <meta name="Webjam2.XsltTime" content="16" />
    <link rel="Shortcut Icon" type="image/x-icon" href="http://s3.amazonaws.com/webjam-upload/WJ200x200___c42dda16ef43445b8af0318f6709426e(200x200)(@16x16C)i.jpg.ico" />
    <link rel="stylesheet" type="text/css" media="all" href="/css/compiled/all.css?session=d34ed0fb" />
    <link rel="stylesheet" type="text/css" media="print" href="/css/browser/print.css?session=d34ed0fb" />
    <link rel="stylesheet" type="text/css" media="all" id="StyleSheetLink" href="/Actions/Stylesheet.jam?StylesheetId=1851d698-454f-45d8-bf1d-b12ada1f1a45" />
    <style type="text/css">
    </style>
    <script type="text/javascript">
//output the current site-controller session-id and URL
var $controllerSessionId = "5fd31705-0b0e-44a2-a026-dc58cfabbe8e";
var $userId = "673d9425-5894-45d2-8740-fdd75b5e245a";
var $pageId = "e4e1766b-cbb5-4504-8c3a-67f735849e71";
var $url = "http://help.webjam.com/webjam/hints/";
var executionTime = 406;
var xsltTime = 16;
var loginHash = "";
var performLastAction = false;

//start the download timer
startDownLoad = new Date();


var $canEdit = false;
</script>
    <script type="text/javascript" src="http://help.webjam.com/js/compiled/all.js?session=d34ed0fb">
    </script>
    <script type="text/javascript" src="http://www.webjam.com/~XDomainCookieCheck?loginHash=">
    </script>
  </head>
  <body class=" NoReplication ">
    <div id="Lightbox-Overlay">
    </div>
    <div id="Lightbox-Holder">
      <div id="Lightbox">
        <div class="Lightbox-Drag">
        </div>
        <div class="Ajax-Panel" id="Lightbox-Ajax-Panel">
Loading, please wait... 
</div>
      </div>
    </div>
    <div id="Holder">
      <div id="Page-Header">
        <div id="Top-Bar-1">
          <span class="Logo">
            <a title="Webjam" href="http://www.webjam.com/">
              <img src="http://help.webjam.com/images/blank.gif" width="40" height="28" alt="Go to: www.webjam.com/" />
            </a>
          </span>
          <span class="Left">
            <span class="Site-Title">
              <a onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~SiteInfo?id=e4e1766b-cbb5-4504-8c3a-67f735849e71">Tips</a>
              <span class="Separator-Grey-Big">|</span>
              <a class="createWJ" onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~Wizard">create new webjam
                        </a>
            </span>
          </span>
          <span class="Center">
            <a style="padding-right:0" onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~LoginForm/">
              <phrase name="sign in 22">Sign in</phrase>
            </a>
            <span class="Separator-Register">|</span>
            <a class="NoActive White" onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~Wizard/?Register=true">
              <phrase name="Register">Register</phrase>
            </a>
          </span>
          <form id="searchForm" onsubmit="return $toggleSearch(true);" action="http://www.webjam.com/webjam/search/?cx=007888517589037463859%3Anmasauu6snu&amp;cof=FORID%3A11&amp;safe=medium&amp;sa.x=0&amp;sa.y=0&amp;q=">
            <div class="haccordion outhaccordion">
              <img src="http://help.webjam.com/images/magnify_search.gif" class="header" onclick="$toggleSearch(true);" />
              <div class="content">
                <input type="text" name="q" id="searchTextbox">
                </input>
              </div>
              <img src="http://help.webjam.com/images/arrow_search.gif" class="header" onclick="$toggleSearch();" id="searchArrowImg" />
            </div>
          </form>
        </div>
        <div id="ViewOptions">
          <ul>
            <li>
              <a class="Option First" href="#" onclick="return ShowModules('Personal');">
                <img src="http://help.webjam.com/images/icon_user.gif" alt="" align="absmiddle" /> Editor view
                      <br /><span class="small">See everything</span></a>
            </li>
            <li>
              <a class="Option" href="#" onclick="return ShowModules('Community');">
                <img src="http://help.webjam.com/images/community.gif" alt="" align="absmiddle" /> Members view
                      <br /><span class="small">See what your members see</span></a>
            </li>
            <li>
              <a class="Option" href="#" onclick="return ShowModules('Public');">
                <img src="http://help.webjam.com/images/world.gif" alt="" align="absmiddle" /> Public view
<br /><span class="small">See what everyone else sees</span></a>
            </li>
          </ul>
        </div>
      </div>
      <a name="Columns">
      </a>
      <div id="Page-Width">
        <div id="Page-Content">
          <div id="Page-Content-Inner">
            <div id="Columns">
              <div id="Column-0" class=" Column ">
                <div class="Height-Spacer"> </div>
                <div class="Module HTMLModule-Module  AccessLevel-Public" id="c82918f7-c288-46f8-af08-2d27ae575971">
                  <div class="bl">
                    <div class="Block-Dummy"> </div>
                    <div class="Module-Control-Owner">
                      <div class="Panel">
                        <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://help.webjam.com/webjam/hints/$c82918f7-c288-46f8-af08-2d27ae575971/~AddToWJ/">
                          <span>
                            <phrase name="add to wj">Add to my webjam</phrase>
                          </span>
                        </a>
                      </div>
                    </div>
                    <div class="Module-Controls">
                      <div class="Panel">
                        <div class="Module-Controls-Drag"> </div>
                        <div class="Right-Links">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://help.webjam.com/webjam/hints/$c82918f7-c288-46f8-af08-2d27ae575971/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="Ajax-Panel Module-Holder">
                      <div>
                        <div class="Content">
                          
                            <script type="text/javascript">
if(!document.all) {
var oldFunc = document.write;
document.write = function(html) {
document.getElementById('c82918f7-c288-46f8-af08-2d27ae575971_html').innerHTML += html;
}
}
</script>
                            <div id="c82918f7-c288-46f8-af08-2d27ae575971_html"><div style="float:right;padding-right: 40px; padding-top:40px; padding-bottom:0px; ">
<!-- Search Engine --><!-- Google CSE Search Box Begins -->
<label for="WebjamSearchText" style="float:left;padding:2px 10px 0 0;margin:0;font-size:14px;color:#999;vertical-align:top;">Find a webjam</label>
<form id="searchbox_001070636320297879222:0ziap00knhy" action="http://www.webjam.com/webjam/search/">
<input type="hidden" name="cx" value="007888517589037463859:nmasauu6snu" />
  <input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="safe" value="medium" />

<input name="q" type="text" size="30" id="WebjamSearchText" style="border:1px solid #CCC;" />
<div style="float:left;margin:1px 0 0 5px;vertical-align:bottom;"><input type="image" src="http://static.webjam.com/home/search_button.gif" onclick="this.form.submit();" style="min-height:0;" name="sa" /></div>
</form>
<script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_001070636320297879222%3A0ziap00knhy"></script>
<!-- Google CSE Search Box Ends -->
</div></div>
                            <script type="text/javascript">
if(!document.all) document.write = oldFunc;

//now remove the scripts
$(document).ready(function() {
setTimeout(function() { $("#c82918f7-c288-46f8-af08-2d27ae575971_html script").remove(); }, 5000);
});
</script>
                          
                        </div>
                        <span class="Clear-Left">
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="Module MyWebjams-Module  AccessLevel-Public" id="ce5e8806-a2d4-4c57-b0f4-314aad0619fc">
                  <div class="bl">
                    <div class="Block-Dummy"> </div>
                    <div class="Module-Control-Owner">
                      <div class="Panel">
                        <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://help.webjam.com/webjam/hints/$ce5e8806-a2d4-4c57-b0f4-314aad0619fc/~AddToWJ/">
                          <span>
                            <phrase name="add to wj">Add to my webjam</phrase>
                          </span>
                        </a>
                      </div>
                    </div>
                    <div class="Module-Controls">
                      <div class="Panel">
                        <div class="Module-Controls-Drag"> </div>
                        <div class="Right-Links">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://help.webjam.com/webjam/hints/$ce5e8806-a2d4-4c57-b0f4-314aad0619fc/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="Ajax-Panel Module-Holder">
                      <div class="Navigation">
                        <ul class="Webjams">
                          <li id="Page-a5b1378f-9f19-49ae-983d-801a0a46921a">
                            <a href="http://www.webjam.com">Webjam homepage</a>
                          </li>
                          <li id="Page-e7cd5d07-5741-4d44-8007-192d1b54ca2d">
                            <a href="http://www.webjam.com/webjam/aboutus">About Us</a>
                          </li>
                          <li id="Page-f55e6b66-73bf-46b0-8b3c-1172ce4f8185">
                            <a href="http://www.webjam.com/webjam/blog">Webjam Blog</a>
                          </li>
                          <li id="Page-c73434c1-4fc1-45a9-8e9f-e42a37bbcdc3">
                            <a href="http://www.webjam.com/webjam/press">Newsroom</a>
                          </li>
                          <li id="Page-edf909de-e24a-4a00-97d6-b40cc0656457">
                            <a href="http://www.webjam.com/webjam/discover">Explore Webjam</a>
                          </li>
                          <li id="Page-555fefc1-4c4c-4222-b365-18f2762d2e13">
                            <a href="http://www.webjam.com/templates">Templates</a>
                          </li>
                          <li id="Page-a6260cd5-632d-4597-85c6-df438ca9d501">
                            <a href="http://help.webjam.com/webjam/help">Help</a>
                          </li>
                        </ul>
                        <br clear="left" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="Horizontal-Columns">
                <div id="Column-1" class=" Column  ResizableColumn " style="width : 100%;">
                  <div class="Module BlogModule-Module  AccessLevel-Public" id="000e95cd-1c16-4576-8ce5-cace73db8234">
                    <div class="bl">
                      <div class="Block-Dummy"> </div>
                      <div class="Module-Control-Owner">
                        <div class="Panel">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://help.webjam.com/webjam/hints/$000e95cd-1c16-4576-8ce5-cace73db8234/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                      <div class="Module-Controls">
                        <div class="Panel">
                          <div class="Module-Controls-Drag"> </div>
                          <div class="Right-Links">
                            <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://help.webjam.com/webjam/hints/$000e95cd-1c16-4576-8ce5-cace73db8234/~AddToWJ/">
                              <span>
                                <phrase name="add to wj">Add to my webjam</phrase>
                              </span>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="Ajax-Panel Module-Holder">
                        <div>
                          <h1 class="Module-Title">
                            <span>
                              <a href="http://help.webjam.com/webjam/hints/$tips/../">
                                <img src="http://help.webjam.com/images/back_button.gif" align="absmiddle" /> Tips</a>
»
Photo transitions</span>
                          </h1>
                          <div class="Blog-Post">
                            <div class="Blog-Post-Chrono">
                              <span class="Blog-Post-Comments-Count">
                                <a class="Button-Link" href="http://help.webjam.com/webjam/hints/$tips/2008/05/20/photo_transitions#Comments">
                                  <img src="http://help.webjam.com/images/comments.gif" align="absmiddle" /> <span class="CommentCount">0 Comments</span></a>
                                <a class="Button-Link" href="http://help.webjam.com/webjam/hints/$tips/2008/05/20/photo_transitions#AddComment">  - Add comment  </a>
|
<a class="Button-Link" href="http://help.webjam.com/webjam/hints/$tips/../"><img src="http://help.webjam.com/images/back_button.gif" align="absmiddle" />
Back to Tips</a></span>

Written on 20-May-2008 by 
<a onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~UserProfile?id=69320a4d-f20c-4e71-a1ad-721a68ab2d04">kylie</a></div>
                            <div class="Blog-Post-Content">
                              <p>It's easy to make your photos look super slick with slideshows! </p><p>You can choose from an array of slideshow transitions when displaying your pics in a Photo module (add to your webjam from modules &gt; My content). Click EDIT in the Photo module header and change the View mode to Slideshow, then click the 'Slideshow settings' tab. There are ten different transitions to choose from as well as slide time speeds. </p><p>Here's an example of a Circles transition on my Photo module:</p><p><img src="http://s3.amazonaws.com/webjam-upload/my%20photos___664dd54caa174253a3c31e3c448f6a33(663x357).jpg" border="0" alt="my photos" hspace="5" vspace="5" height="300" align="left" /></p>
                            </div>
                            <div class="Blog-Post-Utility">
                              <a title="Post to Facebook" onclick="return $popup(this);" href="http://www.facebook.com/login.php?popup&amp;next=http%253A%252F%252Fwww.facebook.com%252Fsharer.php%253Fu%253Dhttp%253a%252f%252fhelp.webjam.com%252fwebjam%252fhints%252f%2524tips%252f2008%252f05%252f20%252fphoto_transitions">
                                <img src="http://help.webjam.com/images/facebook.gif" align="absmiddle" />Post to Facebook</a>
                              <a onclick="return $lightbox(this);" title="Send to a friend" href="http://help.webjam.com/webjam/hints/$tips/../~ShowSendPageLink?inviteUrl=http://help.webjam.com/webjam/hints/$tips/2008/05/20/photo_transitions&amp;title=Photo+transitions&amp;module=blog">
                                <img src="http://help.webjam.com/images/email.gif" align="absmiddle" />Send to a friend</a>
                            </div>
                            <div class="Blog-Post-Tags">Tags:
<a href="http://help.webjam.com/webjam/hints/$tips/~Tag?name=photo">photo</a>, <a href="http://help.webjam.com/webjam/hints/$tips/~Tag?name=slideshow">slideshow</a>, <a href="http://help.webjam.com/webjam/hints/$tips/~Tag?name=tips">tips</a>, <a href="http://help.webjam.com/webjam/hints/$tips/~Tag?name=transition">transition</a></div>
                            <div class="Module-Navigation-Controls">
                              <span class="Left">
                                <a id="Blog-Post-Navigation-Previous" href="http://help.webjam.com/webjam/hints/$tips/2008/05/13/closing_a_blog_post_to_comments">&lt;&lt; Closing a blog post to comments </a>
                              </span>
                              <span class="Right">
                                <a id="Blog-Post-Navigation-Next" href="http://help.webjam.com/webjam/hints/$tips/2008/05/29/new__easy_way_to_add_widgets_to_your_webjam">New - easy way to add widgets to your webjam &gt;&gt;</a>
                              </span>
                              <br clear="both" />
                            </div>
                            <div class="Blog-Post-Comments-Container">
                              <h2 id="Comments">Comments</h2>
                              <ul>
                                <li>
                                  <p>
                                    <phrase name="There are currently no comments for this post">There are currently no comments for this post</phrase>
                                  </p>
                                </li>
                              </ul>
                              <p>You must be registered and logged into Webjam to leave a comment on this blog.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="page-footer">
          </div>
        </div>
        <div id="Loading">
          <span>Loading ...</span>
        </div>
        <div id="Ajax-Panel-Dummy" class="Ajax-Panel">
        </div>
        <div id="Debug-Info">
          <ul>
            <li id="Debug-Text">
            </li>
            <li>Active sessions: 0</li>
            <li>Total queries: 2</li>
            <li>Serialization time: 312ms</li>
            <li>Execution time: 406ms</li>
            <li>XSLT time: 16ms</li>
          </ul>
        </div>
      </div>
    </div>
    <div id="Super-Footer">
      <div id="Super-Footer-Content">
        <div class="Left-Links">
          <ul class="Block-List Float-Left">
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/webjam/aboutus/"> About Webjam</a>
            </li>
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/webjam/blog/"> Webjam Blog</a>
            </li>
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/webjam/press"> Newsroom</a>
            </li>
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/webjam/aboutus/jobsatwebjam"> Jobs</a>
            </li>
          </ul>
          <ul class="Block-List Float-Left">
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/webjam/privacypolicy"> Privacy Policy</a>
            </li>
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/webjam/termsandconditions">Terms of Service</a>
            </li>
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/webjam/aboutus/contactus">Contact Webjam</a>
            </li>
          </ul>
          <ul class="Block-List Float-Left">
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/webjam/aboutus/partnerwithwebjam/">Partner with Webjam</a>
            </li>
            <li class="Block-List-Item">
              <a href="http://www.webjam.com/premium/home">Premium Services</a>
            </li>
          </ul>
        </div>
        <div class="Right-Links">
          <ul class="Right-Links-List Float-Left">
            <li class="Block-List-Item">
              <a onmouseover="contact.src = '/images/icons/user.png';" onmouseout="contact.src = '/images/icons/user-bw.png';" onclick="return $lightbox(this);" class="No-Underline" href="http://help.webjam.com/webjam/hints/~UserProfile?id=1530cdf5-70ec-4f50-86c8-81740c71b908&amp;Tab=Contact">
                <img onmouseover="this.src = '/images/icons/user.png';" onmouseout="this.src = '/images/icons/user-bw.png';" name="contact" src="http://help.webjam.com/images/icons/user-bw.png" />
 Contact this webjam's editor</a>
            </li>
            <li class="Block-List-Item">
              <a onmouseover="report.src = '/images/icons/page_white_error.png';" onmouseout="report.src = '/images/icons/page_white_error-bw.png';" class="No-Underline" onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~ReportContent">
                <img onmouseover="this.src = '/images/icons/page_white_error.png';" onmouseout="this.src = '/images/icons/page_white_error-bw.png';" name="report" src="http://help.webjam.com/images/icons/page_white_error-bw.png" />
Report inappropiate content</a>
            </li>
            <li class="Block-List-Item">
              <a onmouseover="bug.src = '/images/icons/bug.png';" onmouseout="bug.src = '/images/icons/bug-bw.png';" class="No-Underline" onclick="return $lightbox(this);" href="http://help.webjam.com/webjam/hints/~ReportBug">
                <img onmouseover="this.src = '/images/icons/bug.png';" onmouseout="this.src = '/images/icons/bug-bw.png';" name="bug" src="http://help.webjam.com/images/icons/bug-bw.png" />
Report a bug</a>
            </li>
          </ul>
          <ul class="Right-Links-List Float-Left">
            <li class="Block-List-Item">
              <a onmouseover="help.src = '/images/icons/help.gif';" onmouseout="help.src = '/images/icons/help-bw.png';" class="No-Underline" href="http://help.webjam.com/webjam/help/">
                <img onmouseover="this.src = '/images/icons/help.gif';" onmouseout="this.src = '/images/icons/help-bw.png';" name="help" src="http://help.webjam.com/images/icons/help-bw.png" />
Help</a>
            </li>
            <li class="Block-List-Item">
              <a onmouseover="house.src = '/images/icons/house.png';" onmouseout="house.src = '/images/icons/house-bw.png';" class="No-Underline" href="#" onclick="CreateBookmark('http://help.webjam.com/webjam/hints', 'Tips'); return false;">
                <img onmouseover="this.src = '/images/icons/house.png';" onmouseout="this.src = '/images/icons/house-bw.png';" name="house" src="http://help.webjam.com/images/icons/house-bw.png" />
Bookmark this webjam </a>
            </li>
            <li class="Block-List-Item">
              <a onmouseover="email.src = '/images/icons/email.png';" onmouseout="email.src = '/images/icons/email-bw.png';" class="No-Underline" href=" mailto:?subject=Check out this page&amp;BODY=http://help.webjam.com/webjam/hints">
                <img onmouseover="this.src = '/images/icons/email.png';" onmouseout="this.src = '/images/icons/email-bw.png';" name="email" src="http://help.webjam.com/images/icons/email-bw.png" />
Email this page</a>
            </li>
          </ul>
          <span class="Search-Footer">Search Webjam </span>
          <form id="searchbox_001070636320297879222:0ziap00knhy" onsubmit="window.location = this.action + this.q.value; return false;" action="http://www.webjam.com/webjam/search/?cx=007888517589037463859%3Anmasauu6snu&amp;cof=FORID%3A11&amp;safe=medium&amp;sa.x=0&amp;sa.y=0&amp;q=">
            <span>
              <input class="Webjam-Search-Footer" name="q" type="text" size="25" id="WebjamSearchText" style="border:1px solid #CCC;" onfocus=" $(this).css({background :'#fff'}); ">
              </input>
            </span>
            <span style="vertical-align:bottom;">
              <input class="Search-Button-Footer" type="image" src="http://static.webjam.com/home/search_button.gif" style="min-height:0; margin-left:2px;" name="sa">
              </input>
            </span>
          </form>
          <script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_001070636320297879222%3A0ziap00knhy">
          </script>
        </div>
        <span class="Company-Title">© 2008, Webjam Ltd. and trademark owners</span>
      </div>
    </div>
    <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
    <script type="text/javascript">
var pageTracker = _gat._getTracker("UA-742770-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
  </body>
</html>