No transitions performed in slideshow

Now all of a sudden I cannot get any transitions to be used in my slideshow. At the first post I was using iPhoto 6.. and my transitions would only stick to 3 -4.5 slides then I upgraded to iLife '08 with iPhoto 7.1.1 and now NO transitions will go!! What's going on? What has happened??? Help !!

Jan
Try the troubleshooting basics:
1. Repair Permissions using Disk Utility
2. Delete the com.apple.iPhoto.plist file from the home / library / preferences folder. You'll need to reset your User options afterwards.
3. Create a new account (systempreferences -> accounts) and create a new library and import a few pics. See if the problem is repeated there. If it is, then a re-install of the app might be indicated. If it's not, then it's likely the app is okay and the problem is something in the main account.
4. Have you installed any third party plug-ins?
5. Check the Console (Utilities -> Console) for messages
Regards
TD

Similar Messages

Wanting to use multiple transitions on 1 slideshow?

I want to make a slideshow for graduation party. This will be played continuously. I want to incorporate different transitions on one. I've read that you can to do it if you use slideshow from iphoto. I can not seem to get past the files when I click on media, photo. Slideshows don't show up. This is my first attempt with wanting to use multiple transitions. I've made DVD's with chapters. Plus, I never have used it as continues play. Any help and ideas would be a welcome.
Thank you,
Lisa

In iPhoto, put your photos into an album. Then, open your album to display the photos that you put in it. Select all the photos. At the bottom of the album display window, there will be an icon called Slideshow. Click on it, and the photos that you selected will be placed into a slide show with a separate icon in the display panel. In the slideshow transition settings, select Random. That will play the available transitions at random.
If you want more flexibility than iPhoto's "Random" setting will give you, you will need to create your slide show in iMovie where you can manually insert any of iMovie's transitions. Then drag your iMovie project icon (the one with the star on it) into the window of your iDVD project.

Why will transitions in Pre8 slideshow not be accepted between some pictures and accepted between ot

When applying transitions between pictures in a Pre8 slideshow I find that occasonally the space between the pictures will not accept a transition that I am dragging to it. It doesn't make any difference as to which transition that I'm trying to use. I even tried inserting them by right clicking on the space. The frequency of occurence appears to be random. It sometimes occurs after working OK for as few as 2 or 3 pictures and other times it wont happen for 10 or 15 pictures.
I would appreciate hearing from anyone who has had this problem and has been successful in solving it.
Jim

Zoom into the timeline at one of these places.
Often, when arranging or re-arranging photos on a timeline, if you drag one clip too close to another, you actually split it and a small sliver of a clip is between the new clip and the next. When you try to apply a transition, the program can't apply one to such a small clip.
You may also see these accidental "phantom clips" between your main clips if you temporarily switch over to sceneline mode.
Also per the FAQs to the right of this forum and my books, if you don't ensure that your photos are no larger than 1000x750 pixels, you will overload the program and get some pretty strange behavior. Are your photos larger than 1000x750 pixels in size?

Encore cs3 problem with transition in the slideshow

Hi all,
I created slideshow with pan & zoom and default transition (cross dissolve). It worked perfect in monitor however I don't see transition when It played in DvD player. Please help

Hello Parikshit,
I went to "Preview page in browser", but it looks the same. Instead of disolving from one picture to the next directly, it always goes on the background first. What I did, ist putting a white rectangle in the background of the slideshow, so it looks like a short flash at least. But it is not what I really want.
I am not sure, how I can provide you the URL of the page with the slideshow. In my browser ist written this: "http://192.168.0.124:33334/Preview/photoart-cologne/index.html". But I think, this is only if you are in the same network, or?
Beste regards
Unterwaldt

Aperture does not show all the transition effects in slideshow

Hello,
I am making my first slideshow in Aperture since I thought it would be better than iphoto.
Finding it not as intuitive as I expected, have to say.
I want to control how each transition between the slides works, but when I get the inspector ( and even that wouldn't appear - I had to troubleshoot it, reboot and change the displays then set up a dummy slideshow to even get that to appear ) - there is only two options on each slide - default and selected slide, and even then I can only change the background colour and the "photo effect" to black and white - the options that show on the manual are not there.
I thought it might be because I was still using the Trial Version of Aperture, so I changed libraries and import the slideshow - only 1 photo appeared and still no options to change anything. Try again ... ok, now the photos are there but I have the same options as before - i.e. none. I tried to change the theme to Ken Burns and NOW the options appear, but does that mean you can only change the slideshow options in this theme and none of the others?
And I also can't figure out how to import a video onto the end of the photo slideshow ... When I have the slideshow screen up, there is no other option availabale ( that I can see ) to impot a video .. I'm starting to think imovie is the only way to do this?
Can anyone suggest anything ??
Thanks,
M

You'll want to check the status of the delivery - if it's waiting interfaces, you could have an inventory interface issue or possibly interface trip stop hasn't run. You can also check the workflow of the particular line to see what step is is stuck at.

Flash transition for image slideshow

I have a quick Flash animation that is basically an image slideshow
I need to smooth the transitions between them (for example make them blend into each other)
my way to do it if I followed my intuition would be to select both frames holding the keyframes for two given photos > right click > pick a transition
but that's not possible
Please let me know
thanks

I have a quick Flash animation that is basically an image slideshow
I need to smooth the transitions between them (for example make them blend into each other)
my way to do it if I followed my intuition would be to select both frames holding the keyframes for two given photos > right click > pick a transition
but that's not possible
Please let me know
thanks

Cube Transition Stutters when playing slideshow on 17" MacBook Pro

Hi,
Hope someone can help me here
I have just purchased a new MacBook Pro 17"
Have installed the Latest updates and everything runs okay
Except, when performing Cube Transitions During a Slideshow, they Stutter when turning, all the other transitions are fine.
It`s as if the Frame rate had dropped to about 6fps
I had a 15" MacBook Pro before this and they were as smooth as silk on that one
I Imported all my Stuff from my old MacBook during setup
is it possible that is were the problem lies!

Fixed itself

"Fade Through Black" transition in slideshows corrupts project!

I built a project from the ground up in iMovie. Shared this to iDVD. Constructed the whole dvd including a slideshow. When I clicked on "Fade Through Black" in the transitions menu for slideshows, iDVD abruptly quit with no error message! Completely quit.
I tried to open the project by double-clicking it and it would bring up a prompt saying "Loading themes", then show the iDVD window for a split second and quit again.
I tried making the iDVD project twice. With different themes each time, and still got the same result when I clicked on the "Fade Through Black" transistion. I had even saved the file right before clicking the transistion. That didn't help at all...

This frequently helps solve some problems. Quit iDVD. Search for the file named com.apple.iDVD.plist and trash it. (A new one will be created next launch of iDVD.) Or look in: User/Library/Preferences. This may solve project loading errors too. Restart and use Disk Utility to Repair Permissions.
You'll need to reset some Preferences.

Burned DVD slideshow transition

I made a slideshow project on iDVD, and burned it on a disc.
When I played it, I found one problem
During the transitions, where the pictures are sliding in and out...when the transition stops, the picture becomes slightly brighter, and when it moves again, the picture slightly dims and slides out...ie, its not a "smooth transition" or "smooth slideshow"
this "brightening" and "dimming" of the pictures during transitions doesnt happen when I directly play off of iDVD...only happened after I burned it on a DVD. I've tested this out on playing the DVD off a DVD player, and my Mac.
can anyone help me on this??
Thanks!

The transitions don't work well with menu DVD players; if you experiment you will find some are worse than others. The problem is, slides in an iDVD slideshow are considered to be chapters and many players pause on Chapter changes.
For best results, create your slideshows as movies in iPhoto or iMovie. I use Fotomagico and others like Photo to Movie; either of these commercial programs give you many great slideshow features.

More slideshow transition effects

Fade, horizontal, and vertical are nice but kind of boring. Are there any plans to have more transition effects in slideshows, like some of the ones in PowerPoint like:
- Blinds Horizontal
- Blinds Vertical
- Box In
- Box Out
- Checkerboard Across
- Checkerboard Down
Is there anyway to have different ones now through coding?
Thank you,
Gary

Hi Gary
You can use the available options with slideshows and if you want something specific then you can try to integrate third party sliders.
Please feel free to add your suggestions in our ideas section.
Thanks,
Sanjit

Hard Cut Transition in Slideshow?

From what I can tell there are only three transition in the Slideshow widgets: Fade; Horizontal; and Vertical. Is it possible to simply Hard Cut to the next picture? I'm trying to cheat a stop motion effect in music and the Fade is making it difficult...
Thanks!

well, since the flexibility of the cookie cutter is not as high as say, clay... You may have to either design another slider and I frame it in muse, or use edge animate and iframe that, or just place the html in the muse page and push all the files required to the server... or a simple old school hack might be to use animated gif images in the slider provided by muse. And or, use an animated gif as the mask over the slider.
That could provide a cool effect... I see another post where a person was told animated gif would work. http://forums.adobe.com/message/4455565 .
I made an example, here it is... I went away from the gif and used the export as layers in ps, then crated another slider over the top, imported the layers and set it to .1. Kwwp in mind, this is all just a quick test.
I'm impressed at the amount of flexibility they just added to muse... 5ivelive.5ivemedia.com/

HOW do I create a SIMPLE fading slideshow in dreamweaver CS5?????

I would like to have a slow fading slideshow of a few images relating to the web page that the user is on.
I have a seperate div tag, with the space 235 x 440 pixels allowed for the images. All I want is the slideshow to fade in and out of one another using 3 or 4 photos, no text, no control panel or thumbnails or any other frills, just basic good quality photos fading in a looped slideshow.
I just want that when the page loads up that the slideshow starts automatically and slowly loops continuously until the user changes page.
I have seen animated gifs from photoshop, which are no good because the image quality is awful, and in fireworks, where it comes with either thumbnails or a control panel for the user to navigate manually the images. I don't want that. Can it be done easily in flash? or does dreamweaver have an answer?
Surely there must be a simple and basic way in dreamweaver alone to just swap/fade an image with another image a few times and thats that? no?
If it can't be done in dreamweaver, PLEASE tell me which program it can be done in and how.
Many many many thanks in advance for anyone with an easily explained solution.
Ian.

Here is the code in my header:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" src="http://aap.org/international/jquery.cycle.all.latest.js"></script><script type="text/javascript">$(document).ready(function() {    $('.slideshow').cycle({          fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...     });});</script>
Here is the code in the body part of my page:
<div class="slideshow"><img alt="one" src="img/WebsiteSlideshow/_Terrell_IL SnJessieJackson.jpg" width="592" height="509" /><img alt="dcsn" src="img/WebsiteSlideshow/ONEorg 1.JPEG" width="592" height="509" /><img alt="one2" src="img/WebsiteSlideshow/ONEorg.JPG" width="592" height="509" /><img alt="saltlakecity" src="img/WebsiteSlideshow/ShotatLifeSaltLakeCity.JPG" width="592" height="509" /><img alt="saltlakecity" src="img/WebsiteSlideshow/Dr Sato, Ohio ONE vols and Portman.jpg" width="592" height="502" /><img alt="saltlakecity" src="img/WebsiteSlideshow/photo_4.jpg" width="592" height="509" /><img alt="saltlakecity" src="img/WebsiteSlideshow/UNEP4 Mtg.jpeg" width="592" height="509" /><img alt="saltlakecity" src="img/WebsiteSlideshow/DSCN2035.jpg" width="592" height="509" /></div>
Here is the code in the jquery site:
<!DOCTYPE html>
<html>
<head>
<title>JQuery Cycle Plugin - Basic Demo</title>
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto; overflow: hidden; }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://aap.org/international/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
          fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
</script>
</head>
<body>
<div class="slideshow">
          <img src="img/WebsiteSlideshow/_Terrell_IL SnJessieJackson.jpg" width="592" height="509" />
          <img src="<img src="img/WebsiteSlideshow/DSCN2051.JPG" width="592" height="509" />
          <img src="img/WebsiteSlideshow/ONEorg.JPG" width="592" height="509" />
          <img src="img/WebsiteSlideshow/ShotatLifeSaltLakeCity.JPG" width="592" height="509" />
          <img src="img/WebsiteSlideshow/Dr Sato, Ohio ONE vols and Portman.jpg" width="592" height="502" />
    <img src="img/WebsiteSlideshow/photo_4.jpg" width="592" height="509" />
    <img src="img/WebsiteSlideshow/UNEP4 Mtg.jpeg" width="592" height="509" />
    <img src="img/WebsiteSlideshow/DSCN2035.jpg" width="592" height="509" />
     <img src="img/WebsiteSlideshow/DSCN2052.JPG" width="592" height="509" />
</div>
</body>
</html>
// process the args that were passed to the plugin fn
function handleArguments(cont, 1, fade) {
if (cont.cycleStop == undefined)
cont.cycleStop = 0;
if (options === undefined || options === null)
options = {};
if (options.constructor == String) {
switch(options) {
case 'destroy':
case 'stop':
   var opts = $(cont).data('cycle.opts');
   if (!opts)
    return false;
   cont.cycleStop++; // callbacks look for change
   if (cont.cycleTimeout)
    clearTimeout(cont.cycleTimeout);
   cont.cycleTimeout = 0;
   $(cont).removeData('cycle.opts');
   if (options == 'destroy')
    destroy(opts);
   return false;
case 'toggle':
   cont.cyclePause = (cont.cyclePause === 1) ? 0 : 1;
   checkInstantResume(cont.cyclePause, arg2, cont);
   return false;
case 'pause':
   cont.cyclePause = 1;
   return false;
case 'resume':
   cont.cyclePause = 0;
   checkInstantResume(false, arg2, cont);
   return false;
case 'prev':
case 'next':
   var opts = $(cont).data('cycle.opts');
   if (!opts) {
    log('options not found, "prev/next" ignored');
    return false;
   $.fn.cycle[options](opts);
   return false;
default:
   options = { fx: options };
return options;
else if (options.constructor == Number) {
// go to the requested slide
var num = options;
options = $(cont).data('cycle.opts');
if (!options) {
   log('options not found, can not advance slide');
   return false;
if (num < 0 || num >= options.elements.length) {
   log('invalid slide index: ' + num);
   return false;
options.nextSlide = num;
if (cont.cycleTimeout) {
   clearTimeout(cont.cycleTimeout);
   cont.cycleTimeout = 0;
if (typeof arg2 == 'string')
   options.oneTimeFx = arg2;
go(options.elements, options, 1, num >= options.currSlide);
return false;
return options;
function checkInstantResume(isPaused, arg2, cont) {
if (!isPaused && arg2 === true) { // resume now!
   var options = $(cont).data('cycle.opts');
   if (!options) {
    log('options not found, can not resume');
    return false;
   if (cont.cycleTimeout) {
    clearTimeout(cont.cycleTimeout);
    cont.cycleTimeout = 0;
   go(options.elements, options, 1, (!opts.rev && !opts.backwards));
function removeFilter(el, opts) {
if (!$.support.opacity && opts.cleartype && el.style.filter) {
try { el.style.removeAttribute('filter'); }
catch(smother) {} // handle old opera versions
// unbind event handlers
function destroy(opts) {
if (opts.next)
$(opts.next).unbind(opts.prevNextEvent);
if (opts.prev)
$(opts.prev).unbind(opts.prevNextEvent);
if (opts.pager || opts.pagerAnchorBuilder)
$.each(opts.pagerAnchors || [], function() {
   this.unbind().remove();
opts.pagerAnchors = null;
if (opts.destroy) // callback
opts.destroy(opts);
// one-time initialization
function buildOptions($cont, $slides, els, options, o) {
// support metadata plugin (v1.0 and v2.0)
var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
if (opts.autostop)
opts.countdown = opts.autostopCount || els.length;
var cont = $cont[0];
$cont.data('cycle.opts', opts);
opts.$cont = $cont;
opts.stopCount = cont.cycleStop;
opts.elements = els;
opts.before = opts.before ? [opts.before] : [];
opts.after = opts.after ? [opts.after] : [];
opts.after.unshift(function(){ opts.busy=0; });
// push some after callbacks
if (!$.support.opacity && opts.cleartype)
opts.after.push(function() { removeFilter(this, opts); });
if (opts.continuous)
opts.after.push(function() { go(els,opts,0,(!opts.rev && !opts.backwards)); });
saveOriginalOpts(opts);
// clearType corrections
if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg)
clearTypeFix($slides);
// container requires non-static position so that slides can be position within
if ($cont.css('position') == 'static')
$cont.css('position', 'relative');
if (opts.width)
$cont.width(opts.width);
if (opts.height && opts.height != 'auto')
$cont.height(opts.height);
if (opts.startingSlide)
opts.startingSlide = parseInt(opts.startingSlide);
else if (opts.backwards)
opts.startingSlide = els.length - 1;
// if random, mix up the slide array
if (opts.random) {
opts.randomMap = [];
for (var i = 0; i < els.length; i++)
   opts.randomMap.push(i);
opts.randomMap.sort(function(a,b) {return Math.random() - 0.5;});
opts.randomIndex = 1;
opts.startingSlide = opts.randomMap[1];
else if (opts.startingSlide >= els.length)
opts.startingSlide = 0; // catch bogus input
opts.currSlide = opts.startingSlide || 0;
var first = opts.startingSlide;
// set position and zIndex on all the slides
$slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) {
var z;
if (opts.backwards)
   z = first ? i <= first ? els.length + (i-first) : first-i : els.length-i;
else
   z = first ? i >= first ? els.length - (i-first) : first-i : els.length-i;
$(this).css('z-index', z)
// make sure first slide is visible
$(els[first]).css('opacity',1).show(); // opacity bit needed to handle restart use case
removeFilter(els[first], opts);
// stretch slides
if (opts.fit && opts.width)
$slides.width(opts.width);
if (opts.fit && opts.height && opts.height != 'auto')
$slides.height(opts.height);
// stretch container
var reshape = opts.containerResize && !$cont.innerHeight();
if (reshape) { // do this only if container has no size http://tinyurl.com/da2oa9
var maxw = 0, maxh = 0;
for(var j=0; j < els.length; j++) {
   var $e = $(els[j]), e = $e[0], w = $e.outerWidth(), h = $e.outerHeight();
   if (!w) w = e.offsetWidth || e.width || $e.attr('width')
   if (!h) h = e.offsetHeight || e.height || $e.attr('height');
   maxw = w > maxw ? w : maxw;
   maxh = h > maxh ? h : maxh;
if (maxw > 0 && maxh > 0)
   $cont.css({width:maxw+'px',height:maxh+'px'});
if (opts.pause)
$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});
if (supportMultiTransitions(opts) === false)
return false;
// apparently a lot of people use image slideshows without height/width attributes on the images.
// Cycle 2.50+ requires the sizing info for every slide; this block tries to deal with that.
var requeue = false;
options.requeueAttempts = options.requeueAttempts || 0;
$slides.each(function() {
// try to get height/width of each slide
var $el = $(this);
this.cycleH = (opts.fit && opts.height) ? opts.height : ($el.height() || this.offsetHeight || this.height || $el.attr('height') || 0);
this.cycleW = (opts.fit && opts.width) ? opts.width : ($el.width() || this.offsetWidth || this.width || $el.attr('width') || 0);
if ( $el.is('img') ) {
   // sigh.. sniffing, hacking, shrugging... this crappy hack tries to account for what browsers do when
   // an image is being downloaded and the markup did not include sizing info (height/width attributes);
   // there seems to be some "default" sizes used in this situation
   var loadingIE = ($.browser.msie && this.cycleW == 28 && this.cycleH == 30 && !this.complete);
   var loadingFF = ($.browser.mozilla && this.cycleW == 34 && this.cycleH == 19 && !this.complete);
   var loadingOp = ($.browser.opera && ((this.cycleW == 42 && this.cycleH == 19) || (this.cycleW == 37 && this.cycleH == 17)) && !this.complete);
   var loadingOther = (this.cycleH == 0 && this.cycleW == 0 && !this.complete);
   // don't requeue for images that are still loading but have a valid size
   if (loadingIE || loadingFF || loadingOp || loadingOther) {
    if (o.s && opts.requeueOnImageNotLoaded && ++options.requeueAttempts < 100) { // track retry count so we don't loop forever
     log(options.requeueAttempts,' - img slide not loaded, requeuing slideshow: ', this.src, this.cycleW, this.cycleH);
     setTimeout(function() {$(o.s,o.c).cycle(options)}, opts.requeueTimeout);
     requeue = true;
     return false; // break each loop
    else {
     log('could not determine size of image: '+this.src, this.cycleW, this.cycleH);
return true;
if (requeue)
return false;
opts.cssBefore = opts.cssBefore || {};
opts.animIn = opts.animIn || {};
opts.animOut = opts.animOut || {};
$slides.not(':eq('+first+')').css(opts.cssBefore);
if (opts.cssFirst)
$($slides[first]).css(opts.cssFirst);
if (opts.timeout) {
opts.timeout = parseInt(opts.timeout);
// ensure that timeout and speed settings are sane
if (opts.speed.constructor == String)
   opts.speed = $.fx.speeds[opts.speed] || parseInt(opts.speed);
if (!opts.sync)
   opts.speed = opts.speed / 2;
var buffer = opts.fx == 'shuffle' ? 500 : 250;
while((opts.timeout - opts.speed) < buffer) // sanitize timeout
   opts.timeout += opts.speed;
if (opts.easing)
opts.easeIn = opts.easeOut = opts.easing;
if (!opts.speedIn)
opts.speedIn = opts.speed;
if (!opts.speedOut)
opts.speedOut = opts.speed;
opts.slideCount = els.length;
opts.currSlide = opts.lastSlide = first;
if (opts.random) {
if (++opts.randomIndex == els.length)
   opts.randomIndex = 0;
opts.nextSlide = opts.randomMap[opts.randomIndex];
else if (opts.backwards)
opts.nextSlide = opts.startingSlide == 0 ? (els.length-1) : opts.startingSlide-1;
else
opts.nextSlide = opts.startingSlide >= (els.length-1) ? 0 : opts.startingSlide+1;
// run transition init fn
if (!opts.multiFx) {
var init = $.fn.cycle.transitions[opts.fx];
if ($.isFunction(init))
   init($cont, $slides, opts);
else if (opts.fx != 'custom' && !opts.multiFx) {
   log('unknown transition: ' + opts.fx,'; slideshow terminating');
   return false;
// fire artificial events
var e0 = $slides[first];
if (opts.before.length)
opts.before[0].apply(e0, [e0, e0, opts, true]);
if (opts.after.length > 1)
opts.after[1].apply(e0, [e0, e0, opts, true]);
if (opts.next)
$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1)});
if (opts.prev)
$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1)});
if (opts.pager || opts.pagerAnchorBuilder)
buildPager(els,opts);
exposeAddSlide(opts, els);
return opts;
// save off original opts so we can restore after clearing state
function saveOriginalOpts(opts) {
opts.original = { before: [], after: [] };
opts.original.cssBefore = $.extend({}, opts.cssBefore);
opts.original.cssAfter = $.extend({}, opts.cssAfter);
opts.original.animIn = $.extend({}, opts.animIn);
opts.original.animOut   = $.extend({}, opts.animOut);
$.each(opts.before, function() { opts.original.before.push(this); });
$.each(opts.after, function() { opts.original.after.push(this); });
function supportMultiTransitions(opts) {
var i, tx, txs = $.fn.cycle.transitions;
// look for multiple effects
if (opts.fx.indexOf(',') > 0) {
opts.multiFx = true;
opts.fxs = opts.fx.replace(/\s*/g,'').split(',');
// discard any bogus effect names
for (i=0; i < opts.fxs.length; i++) {
   var fx = opts.fxs[i];
   tx = txs[fx];
   if (!tx || !txs.hasOwnProperty(fx) || !$.isFunction(tx)) {
    log('discarding unknown transition: ',fx);
    opts.fxs.splice(i,1);
    i--;
// if we have an empty list then we threw everything away!
if (!opts.fxs.length) {
   log('No valid transitions named; slideshow terminating.');
   return false;
else if (opts.fx == 'all') { // auto-gen the list of transitions
opts.multiFx = true;
opts.fxs = [];
for (p in txs) {
   tx = txs[p];
   if (txs.hasOwnProperty(p) && $.isFunction(tx))
    opts.fxs.push(p);
if (opts.multiFx && opts.randomizeEffects) {
// munge the fxs array to make effect selection random
var r1 = Math.floor(Math.random() * 20) + 30;
for (i = 0; i < r1; i++) {
   var r2 = Math.floor(Math.random() * opts.fxs.length);
   opts.fxs.push(opts.fxs.splice(r2,1)[0]);
debug('randomized fx sequence: ',opts.fxs);
return true;
// provide a mechanism for adding slides after the slideshow has started
function exposeAddSlide(opts, els) {
opts.addSlide = function(newSlide, prepend) {
var $s = $(newSlide), s = $s[0];
if (!opts.autostopCount)
   opts.countdown++;
els[prepend?'unshift':'push'](s);
if (opts.els)
   opts.els[prepend?'unshift':'push'](s); // shuffle needs this
opts.slideCount = els.length;
$s.css('position','absolute');
$s[prepend?'prependTo':'appendTo'](opts.$cont);
if (prepend) {
   opts.currSlide++;
   opts.nextSlide++;
if (!$.support.opacity && opts.cleartype && !opts.cleartypeNoBg)
   clearTypeFix($s);
if (opts.fit && opts.width)
   $s.width(opts.width);
if (opts.fit && opts.height && opts.height != 'auto')
   $slides.height(opts.height);
s.cycleH = (opts.fit && opts.height) ? opts.height : $s.height();
s.cycleW = (opts.fit && opts.width) ? opts.width : $s.width();
$s.css(opts.cssBefore);
if (opts.pager || opts.pagerAnchorBuilder)
   $.fn.cycle.createPagerAnchor(els.length-1, s, $(opts.pager), els, opts);
if ($.isFunction(opts.onAddSlide))
   opts.onAddSlide($s);
else
   $s.hide(); // default behavior
// reset internal state; we do this on every pass in order to support multiple effects
$.fn.cycle.resetState = function(opts, fx) {
fx = fx || opts.fx;
opts.before = []; opts.after = [];
opts.cssBefore = $.extend({}, opts.original.cssBefore);
opts.cssAfter = $.extend({}, opts.original.cssAfter);
opts.animIn = $.extend({}, opts.original.animIn);
opts.animOut   = $.extend({}, opts.original.animOut);
opts.fxFn = null;
$.each(opts.original.before, function() { opts.before.push(this); });
$.each(opts.original.after, function() { opts.after.push(this); });
// re-init
var init = $.fn.cycle.transitions[fx];
if ($.isFunction(init))
init(opts.$cont, $(opts.elements), opts);
// this is the main engine fn, it handles the timeouts, callbacks and slide index mgmt
function go(els, opts, manual, fwd) {
// opts.busy is true if we're in the middle of an animation
if (manual && opts.busy && opts.manualTrump) {
// let manual transitions requests trump active ones
debug('manualTrump in go(), stopping active transition');
$(els).stop(true,true);
opts.busy = false;
// don't begin another timeout-based transition if there is one active
if (opts.busy) {
debug('transition active, ignoring new tx request');
return;
var p = opts.$cont[0], curr = els[opts.currSlide], next = els[opts.nextSlide];
// stop cycling if we have an outstanding stop request
if (p.cycleStop != opts.stopCount || p.cycleTimeout === 0 && !manual)
return;
// check to see if we should stop cycling based on autostop options
if (!manual && !p.cyclePause && !opts.bounce &&
((opts.autostop && (--opts.countdown <= 0)) ||
(opts.nowrap && !opts.random && opts.nextSlide < opts.currSlide))) {
if (opts.end)
   opts.end(opts);
return;
// if slideshow is paused, only transition on a manual trigger
var changed = false;
if ((manual || !p.cyclePause) && (opts.nextSlide != opts.currSlide)) {
changed = true;
var fx = opts.fx;
// keep trying to get the slide size if we don't have it yet
curr.cycleH = curr.cycleH || $(curr).height();
curr.cycleW = curr.cycleW || $(curr).width();
next.cycleH = next.cycleH || $(next).height();
next.cycleW = next.cycleW || $(next).width();
// support multiple transition types
if (opts.multiFx) {
   if (opts.lastFx == undefined || ++opts.lastFx >= opts.fxs.length)
    opts.lastFx = 0;
   fx = opts.fxs[opts.lastFx];
   opts.currFx = fx;
// one-time fx overrides apply to: $('div').cycle(3,'zoom');
if (opts.oneTimeFx) {
   fx = opts.oneTimeFx;
   opts.oneTimeFx = null;
$.fn.cycle.resetState(opts, fx);
// run the before callbacks
if (opts.before.length)
   $.each(opts.before, function(i,o) {
    if (p.cycleStop != opts.stopCount) return;
    o.apply(next, [curr, next, opts, fwd]);
// stage the after callacks
var after = function() {
   $.each(opts.after, function(i,o) {
    if (p.cycleStop != opts.stopCount) return;
    o.apply(next, [curr, next, opts, fwd]);
debug('tx firing; currSlide: ' + opts.currSlide + '; nextSlide: ' + opts.nextSlide);
// get ready to perform the transition
opts.busy = 1;
if (opts.fxFn) // fx function provided?
   opts.fxFn(curr, next, opts, after, fwd, manual && opts.fastOnEvent);
else if ($.isFunction($.fn.cycle[opts.fx])) // fx plugin ?
   $.fn.cycle[opts.fx](curr, next, opts, after, fwd, manual && opts.fastOnEvent);
else
   $.fn.cycle.custom(curr, next, opts, after, fwd, manual && opts.fastOnEvent);
if (changed || opts.nextSlide == opts.currSlide) {
// calculate the next slide
opts.lastSlide = opts.currSlide;
if (opts.random) {
   opts.currSlide = opts.nextSlide;
   if (++opts.randomIndex == els.length)
    opts.randomIndex = 0;
   opts.nextSlide = opts.randomMap[opts.randomIndex];
   if (opts.nextSlide == opts.currSlide)
    opts.nextSlide = (opts.currSlide == opts.slideCount - 1) ? 0 : opts.currSlide + 1;
else if (opts.backwards) {
   var roll = (opts.nextSlide - 1) < 0;
   if (roll && opts.bounce) {
    opts.backwards = !opts.backwards;
    opts.nextSlide = 1;
    opts.currSlide = 0;
   else {
    opts.nextSlide = roll ? (els.length-1) : opts.nextSlide-1;
    opts.currSlide = roll ? 0 : opts.nextSlide+1;
else { // sequence
   var roll = (opts.nextSlide + 1) == els.length;
   if (roll && opts.bounce) {
    opts.backwards = !opts.backwards;
    opts.nextSlide = els.length-2;
    opts.currSlide = els.length-1;
   else {
    opts.nextSlide = roll ? 0 : opts.nextSlide+1;
    opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;
if (changed && opts.pager)
opts.updateActivePagerLink(opts.pager, opts.currSlide, opts.activePagerClass);
// stage the next transition
var ms = 0;
if (opts.timeout && !opts.continuous)
ms = getTimeout(els[opts.currSlide], els[opts.nextSlide], opts, fwd);
else if (opts.continuous && p.cyclePause) // continuous shows work off an after callback, not this timer logic
ms = 10;
if (ms > 0)
p.cycleTimeout = setTimeout(function(){ go(els, opts, 0, (!opts.rev && !opts.backwards)) }, ms);
// invoked after transition
$.fn.cycle.updateActivePagerLink = function(pager, currSlide, clsName) {
   $(pager).each(function() {
       $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);
// calculate timeout value for current transition
function getTimeout(curr, next, opts, fwd) {
if (opts.timeoutFn) {
// call user provided calc fn
var t = opts.timeoutFn.call(curr,curr,next,opts,fwd);
while ((t - opts.speed) < 250) // sanitize timeout
   t += opts.speed;
debug('calculated timeout: ' + t + '; speed: ' + opts.speed);
if (t !== false)
   return t;
return opts.timeout;
// expose next/prev function, caller must pass in state
$.fn.cycle.next = function(opts) { advance(opts, opts.rev?-1:1); };
$.fn.cycle.prev = function(opts) { advance(opts, opts.rev?1:-1);};
// advance slide forward or back
function advance(opts, val) {
var els = opts.elements;
var p = opts.$cont[0], timeout = p.cycleTimeout;
if (timeout) {
clearTimeout(timeout);
p.cycleTimeout = 0;
if (opts.random && val < 0) {
// move back to the previously display slide
opts.randomIndex--;
if (--opts.randomIndex == -2)
   opts.randomIndex = els.length-2;
else if (opts.randomIndex == -1)
   opts.randomIndex = els.length-1;
opts.nextSlide = opts.randomMap[opts.randomIndex];
else if (opts.random) {
opts.nextSlide = opts.randomMap[opts.randomIndex];
else {
opts.nextSlide = opts.currSlide + val;
if (opts.nextSlide < 0) {
   if (opts.nowrap) return false;
   opts.nextSlide = els.length - 1;
else if (opts.nextSlide >= els.length) {
   if (opts.nowrap) return false;
   opts.nextSlide = 0;
var cb = opts.onPrevNextEvent || opts.prevNextClick; // prevNextClick is deprecated
if ($.isFunction(cb))
cb(val > 0, opts.nextSlide, els[opts.nextSlide]);
go(els, opts, 1, val>=0);
return false;
function buildPager(els, opts) {
var $p = $(opts.pager);
$.each(els, function(i,o) {
$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);
opts.updateActivePagerLink(opts.pager, opts.startingSlide, opts.activePagerClass);
$.fn.cycle.createPagerAnchor = function(i, el, $p, els, opts) {
var a;
if ($.isFunction(opts.pagerAnchorBuilder)) {
a = opts.pagerAnchorBuilder(i,el);
debug('pagerAnchorBuilder('+i+', el) returned: ' + a);
else
a = '<a href="#">'+(i+1)+'</a>';
if (!a)
return;
var $a = $(a);
// don't reparent if anchor is in the dom
if ($a.parents('body').length === 0) {
var arr = [];
if ($p.length > 1) {
   $p.each(function() {
    var $clone = $a.clone(true);
    $(this).append($clone);
    arr.push($clone[0]);
   $a = $(arr);
else {
   $a.appendTo($p);
opts.pagerAnchors = opts.pagerAnchors || [];
opts.pagerAnchors.push($a);
$a.bind(opts.pagerEvent, function(e) {
e.preventDefault();
opts.nextSlide = i;
var p = opts.$cont[0], timeout = p.cycleTimeout;
if (timeout) {
   clearTimeout(timeout);
   p.cycleTimeout = 0;
var cb = opts.onPagerEvent || opts.pagerClick; // pagerClick is deprecated
if ($.isFunction(cb))
   cb(opts.nextSlide, els[opts.nextSlide]);
go(els,opts,1,opts.currSlide < i); // trigger the trans
// return false; // <== allow bubble
if ( ! /^click/.test(opts.pagerEvent) && !opts.allowPagerClickBubble)
$a.bind('click.cycle', function(){return false;}); // suppress click
if (opts.pauseOnPagerHover)
$a.hover(function() { opts.$cont[0].cyclePause++; }, function() { opts.$cont[0].cyclePause--; } );
// helper fn to calculate the number of slides between the current and the next
$.fn.cycle.hopsFromLast = function(opts, fwd) {
var hops, l = opts.lastSlide, c = opts.currSlide;
if (fwd)
hops = c > l ? c - l : opts.slideCount - l;
else
hops = c < l ? l - c : l + opts.slideCount - c;
return hops;
// fix clearType problems in ie6 by setting an explicit bg color
// (otherwise text slides look horrible during a fade transition)
function clearTypeFix($slides) {
debug('applying clearType background-color hack');
function hex(s) {
s = parseInt(s).toString(16);
return s.length < 2 ? '0'+s : s;
function getBg(e) {
for ( ; e && e.nodeName.toLowerCase() != 'html'; e = e.parentNode) {
   var v = $.css(e,'background-color');
   if (v.indexOf('rgb') >= 0 ) {
    var rgb = v.match(/\d+/g);
    return '#'+ hex(rgb[0]) + hex(rgb[1]) + hex(rgb[2]);
   if (v && v != 'transparent')
    return v;
return '#ffffff';
$slides.each(function() { $(this).css('background-color', getBg(this)); });
// reset common props before the next transition
$.fn.cycle.commonReset = function(curr,next,opts,w,h,rev) {
$(opts.elements).not(curr).hide();
opts.cssBefore.opacity = 1;
opts.cssBefore.display = 'block';
if (w !== false && next.cycleW > 0)
opts.cssBefore.width = next.cycleW;
if (h !== false && next.cycleH > 0)
opts.cssBefore.height = next.cycleH;
opts.cssAfter = opts.cssAfter || {};
opts.cssAfter.display = 'none';
$(curr).css('zIndex',opts.slideCount + (rev === true ? 1 : 0));
$(next).css('zIndex',opts.slideCount + (rev === true ? 0 : 1));
// the actual fn for effecting a transition
$.fn.cycle.custom = function(curr, next, opts, cb, fwd, speedOverride) {
var $l = $(curr), $n = $(next);
var speedIn = opts.speedIn, speedOut = opts.speedOut, easeIn = opts.easeIn, easeOut = opts.easeOut;
$n.css(opts.cssBefore);
if (speedOverride) {
if (typeof speedOverride == 'number')
   speedIn = speedOut = speedOverride;
else
   speedIn = speedOut = 1;
easeIn = easeOut = null;
var fn = function() {$n.animate(opts.animIn, speedIn, easeIn, cb)};
$l.animate(opts.animOut, speedOut, easeOut, function() {
if (opts.cssAfter) $l.css(opts.cssAfter);
if (!opts.sync) fn();
if (opts.sync) fn();
// transition definitions - only fade is defined here, transition pack defines the rest
$.fn.cycle.transitions = {
fade: function($cont, $slides, opts) {
$slides.not(':eq('+opts.currSlide+')').css('opacity',0);
opts.before.push(function(curr,next,opts) {
   $.fn.cycle.commonReset(curr,next,opts);
   opts.cssBefore.opacity = 0;
opts.animIn    = { opacity: 1 };
opts.animOut   = { opacity: 0 };
opts.cssBefore = { top: 0, left: 0 };
$.fn.cycle.ver = function() { return ver; };
// override these globally if you like (they are all optional)
$.fn.cycle.defaults = {
fx:     'fade', // name of transition effect (or comma separated names, ex: 'fade,scrollUp,shuffle')
timeout:    4000, // milliseconds between slide transitions (0 to disable auto advance)
timeoutFn:     null, // callback for determining per-slide timeout value: function(currSlideElement, nextSlideElement, options, forwardFlag)
continuous:    0,   // true to start next transition immediately after current one completes
speed:     1000, // speed of the transition (any valid fx speed value)
speedIn:    null, // speed of the 'in' transition
speedOut:    null, // speed of the 'out' transition
next:     null, // selector for element to use as event trigger for next slide
prev:     null, // selector for element to use as event trigger for previous slide
// prevNextClick: null, // @deprecated; please use onPrevNextEvent instead
onPrevNextEvent: null, // callback fn for prev/next events: function(isNext, zeroBasedSlideIndex, slideElement)
prevNextEvent:'click.cycle',// event which drives the manual transition to the previous or next slide
pager:     null, // selector for element to use as pager container
//pagerClick   null, // @deprecated; please use onPagerEvent instead
onPagerEvent: null, // callback fn for pager events: function(zeroBasedSlideIndex, slideElement)
pagerEvent:   'click.cycle', // name of event which drives the pager navigation
allowPagerClickBubble: false, // allows or prevents click event on pager anchors from bubbling
pagerAnchorBuilder: null, // callback fn for building anchor links: function(index, DOMelement)
before:     null, // transition callback (scope set to element to be shown): function(currSlideElement, nextSlideElement, options, forwardFlag)
after:     null, // transition callback (scope set to element that was shown): function(currSlideElement, nextSlideElement, options, forwardFlag)
end:     null, // callback invoked when the slideshow terminates (use with autostop or nowrap options): function(options)
easing:     null, // easing method for both in and out transitions
easeIn:     null, // easing for "in" transition
easeOut:    null, // easing for "out" transition
shuffle:    null, // coords for shuffle animation, ex: { top:15, left: 200 }
animIn:     null, // properties that define how the slide animates in
animOut:    null, // properties that define how the slide animates out
cssBefore:    null, // properties that define the initial state of the slide before transitioning in
cssAfter:    null, // properties that defined the state of the slide after transitioning out
fxFn:     null, // function used to control the transition: function(currSlideElement, nextSlideElement, options, afterCalback, forwardFlag)
height:    'auto', // container height
startingSlide: 0,   // zero-based index of the first slide to be displayed
sync:     1,   // true if in/out transitions should occur simultaneously
random:     0,   // true for random, false for sequence (not applicable to shuffle fx)
fit:     0,   // force slides to fit container
containerResize: 1,   // resize container to fit largest slide
pause:     0,   // true to enable "pause on hover"
pauseOnPagerHover: 0, // true to pause when hovering over pager link
autostop:    0,   // true to end slideshow after X transitions (where X == slide count)
autostopCount: 0,   // number of transitions (optionally used with autostop to define X)
delay:     0,   // additional delay (in ms) for first transition (hint: can be negative)
slideExpr:    null, // expression for selecting slides (if something other than all children is required)
cleartype:    !$.support.opacity, // true if clearType corrections should be applied (for IE)
cleartypeNoBg: false, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
nowrap:     0,   // true to prevent slideshow from wrapping
fastOnEvent:   0,   // force fast transitions when triggered manually (via pager or prev/next); value == time in ms
randomizeEffects: 1, // valid when multiple effects are used; true to make the effect sequence random
rev:     0, // causes animations to transition in reverse
manualTrump:   true, // causes manual transition to stop an active transition instead of being ignored
requeueOnImageNotLoaded: true, // requeue the slideshow if any image slides are not yet loaded
requeueTimeout: 250, // ms delay for requeue
activePagerClass: 'activeSlide', // class name used for the active pager link
updateActivePagerLink: null, // callback fn invoked to update the active pager link (adds/removes activePagerClass style)
backwards:     false // true to start slideshow at last slide and move backwards through the stack
})(jQuery);
* jQuery Cycle Plugin Transition Definitions
* This script is a plugin for the jQuery Cycle Plugin
* Examples and documentation at: http://malsup.com/jquery/cycle/
* Copyright (c) 2007-2010 M. Alsup
* Version: 2.72
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
(function($) {
// These functions define one-time slide initialization for the named
// transitions. To save file size feel free to remove any of these that you
// don't need.
$.fn.cycle.transitions.none = function($cont, $slides, opts) {
opts.fxFn = function(curr,next,opts,after){
$(next).show();
$(curr).hide();
after();
// scrollUp/Down/Left/Right
$.fn.cycle.transitions.scrollUp = function($cont, $slides, opts) {
$cont.css('overflow','hidden');
opts.before.push($.fn.cycle.commonReset);
var h = $cont.height();
opts.cssBefore ={ top: h, left: 0 };
opts.cssFirst = { top: 0 };
opts.animIn   = { top: 0 };
opts.animOut = { top: -h };
$.fn.cycle.transitions.scrollDown = function($cont, $slides, opts) {
$cont.css('overflow','hidden');
opts.before.push($.fn.cycle.commonReset);
var h = $cont.height();
opts.cssFirst = { top: 0 };
opts.cssBefore= { top: -h, left: 0 };
opts.animIn   = { top: 0 };
opts.animOut = { top: h };
$.fn.cycle.transitions.scrollLeft = function($cont, $slides, opts) {
$cont.css('overflow','hidden');
opts.before.push($.fn.cycle.commonReset);
var w = $cont.width();
opts.cssFirst = { left: 0 };
opts.cssBefore= { left: w, top: 0 };
opts.animIn   = { left: 0 };
opts.animOut = { left: 0-w };
$.fn.cycle.transitions.scrollRight = function($cont, $slides, opts) {
$cont.css('overflow','hidden');
opts.before.push($.fn.cycle.commonReset);
var w = $cont.width();
opts.cssFirst = { left: 0 };
opts.cssBefore= { left: -w, top: 0 };
opts.animIn   = { left: 0 };
opts.animOut = { left: w };
$.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) {
$cont.css('overflow','hidden').width();
opts.before.push(function(curr, next, opts, fwd) {
$.fn.cycle.commonReset(curr,next,opts);
opts.cssBefore.left = fwd ? (next.cycleW-1) : (1-next.cycleW);
opts.animOut.left = fwd ? -curr.cycleW : curr.cycleW;
opts.cssFirst = { left: 0 };
opts.cssBefore= { top: 0 };
opts.animIn   = { left: 0 };
opts.animOut = { top: 0 };
$.fn.cycle.transitions.scrollVert = function($cont, $slides, opts) {
$cont.css('overflow','hidden');
opts.before.push(function(curr, next, opts, fwd) {
$.fn.cycle.commonReset(curr,next,opts);
opts.cssBefore.top = fwd ? (1-next.cycleH) : (next.cycleH-1);
opts.animOut.top = fwd ? curr.cycleH : -curr.cycleH;
opts.cssFirst = { top: 0 };
opts.cssBefore= { left: 0 };
opts.animIn   = { top: 0 };
opts.animOut = { left: 0 };
// slideX/slideY
$.fn.cycle.transitions.slideX = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$(opts.elements).not(curr).hide();
$.fn.cycle.commonReset(curr,next,opts,false,true);
opts.animIn.width = next.cycleW;
opts.cssBefore = { left: 0, top: 0, width: 0 };
opts.animIn = { width: 'show' };
opts.animOut = { width: 0 };
$.fn.cycle.transitions.slideY = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$(opts.elements).not(curr).hide();
$.fn.cycle.commonReset(curr,next,opts,true,false);
opts.animIn.height = next.cycleH;
opts.cssBefore = { left: 0, top: 0, height: 0 };
opts.animIn = { height: 'show' };
opts.animOut = { height: 0 };
// shuffle
$.fn.cycle.transitions.shuffle = function($cont, $slides, opts) {
var i, w = $cont.css('overflow', 'visible').width();
$slides.css({left: 0, top: 0});
opts.before.push(function(curr,next,opts) {
$.fn.cycle.commonReset(curr,next,opts,true,true,true);
// only adjust speed once!
if (!opts.speedAdjusted) {
opts.speed = opts.speed / 2; // shuffle has 2 transitions
opts.speedAdjusted = true;
opts.random = 0;
opts.shuffle = opts.shuffle || {left:-w, top:15};
opts.els = [];
for (i=0; i < $slides.length; i++)
opts.els.push($slides[i]);
for (i=0; i < opts.currSlide; i++)
opts.els.push(opts.els.shift());
// custom transition fn (hat tip to Benjamin Sterling for this bit of sweetness!)
opts.fxFn = function(curr, next, opts, cb, fwd) {
var $el = fwd ? $(curr) : $(next);
$(next).css(opts.cssBefore);
var count = opts.slideCount;
$el.animate(opts.shuffle, opts.speedIn, opts.easeIn, function() {
   var hops = $.fn.cycle.hopsFromLast(opts, fwd);
   for (var k=0; k < hops; k++)
    fwd ? opts.els.push(opts.els.shift()) : opts.els.unshift(opts.els.pop());
   if (fwd) {
    for (var i=0, len=opts.els.length; i < len; i++)
     $(opts.els[i]).css('z-index', len-i+count);
   else {
    var z = $(curr).css('z-index');
    $el.css('z-index', parseInt(z)+1+count);
   $el.animate({left:0, top:0}, opts.speedOut, opts.easeOut, function() {
    $(fwd ? this : curr).hide();
    if (cb) cb();
opts.cssBefore = { display: 'block', opacity: 1, top: 0, left: 0 };
// turnUp/Down/Left/Right
$.fn.cycle.transitions.turnUp = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,true,false);
opts.cssBefore.top = next.cycleH;
opts.animIn.height = next.cycleH;
opts.cssFirst = { top: 0 };
opts.cssBefore = { left: 0, height: 0 };
opts.animIn    = { top: 0 };
opts.animOut   = { height: 0 };
$.fn.cycle.transitions.turnDown = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,true,false);
opts.animIn.height = next.cycleH;
opts.animOut.top   = curr.cycleH;
opts.cssFirst = { top: 0 };
opts.cssBefore = { left: 0, top: 0, height: 0 };
opts.animOut   = { height: 0 };
$.fn.cycle.transitions.turnLeft = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,false,true);
opts.cssBefore.left = next.cycleW;
opts.animIn.width = next.cycleW;
opts.cssBefore = { top: 0, width: 0 };
opts.animIn    = { left: 0 };
opts.animOut   = { width: 0 };
$.fn.cycle.transitions.turnRight = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,false,true);
opts.animIn.width = next.cycleW;
opts.animOut.left = curr.cycleW;
opts.cssBefore = { top: 0, left: 0, width: 0 };
opts.animIn    = { left: 0 };
opts.animOut   = { width: 0 };
// zoom
$.fn.cycle.transitions.zoom = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,false,false,true);
opts.cssBefore.top = next.cycleH/2;
opts.cssBefore.left = next.cycleW/2;
opts.animIn    = { top: 0, left: 0, width: next.cycleW, height: next.cycleH };
opts.animOut   = { width: 0, height: 0, top: curr.cycleH/2, left: curr.cycleW/2 };
opts.cssFirst = { top:0, left: 0 };
opts.cssBefore = { width: 0, height: 0 };
// fadeZoom
$.fn.cycle.transitions.fadeZoom = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,false,false);
opts.cssBefore.left = next.cycleW/2;
opts.cssBefore.top = next.cycleH/2;
opts.animIn = { top: 0, left: 0, width: next.cycleW, height: next.cycleH };
opts.cssBefore = { width: 0, height: 0 };
opts.animOut = { opacity: 0 };
// blindX
$.fn.cycle.transitions.blindX = function($cont, $slides, opts) {
var w = $cont.css('overflow','hidden').width();
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts);
opts.animIn.width = next.cycleW;
opts.animOut.left   = curr.cycleW;
opts.cssBefore = { left: w, top: 0 };
opts.animIn = { left: 0 };
opts.animOut = { left: w };
// blindY
$.fn.cycle.transitions.blindY = function($cont, $slides, opts) {
var h = $cont.css('overflow','hidden').height();
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts);
opts.animIn.height = next.cycleH;
opts.animOut.top   = curr.cycleH;
opts.cssBefore = { top: h, left: 0 };
opts.animIn = { top: 0 };
opts.animOut = { top: h };
// blindZ
$.fn.cycle.transitions.blindZ = function($cont, $slides, opts) {
var h = $cont.css('overflow','hidden').height();
var w = $cont.width();
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts);
opts.animIn.height = next.cycleH;
opts.animOut.top   = curr.cycleH;
opts.cssBefore = { top: h, left: w };
opts.animIn = { top: 0, left: 0 };
opts.animOut = { top: h, left: w };
// growX - grow horizontally from centered 0 width
$.fn.cycle.transitions.growX = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,false,true);
opts.cssBefore.left = this.cycleW/2;
opts.animIn = { left: 0, width: this.cycleW };
opts.animOut = { left: 0 };
opts.cssBefore = { width: 0, top: 0 };
// growY - grow vertically from centered 0 height
$.fn.cycle.transitions.growY = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,true,false);
opts.cssBefore.top = this.cycleH/2;
opts.animIn = { top: 0, height: this.cycleH };
opts.animOut = { top: 0 };
opts.cssBefore = { height: 0, left: 0 };
// curtainX - squeeze in both edges horizontally
$.fn.cycle.transitions.curtainX = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,false,true,true);
opts.cssBefore.left = next.cycleW/2;
opts.animIn = { left: 0, width: this.cycleW };
opts.animOut = { left: curr.cycleW/2, width: 0 };
opts.cssBefore = { top: 0, width: 0 };
// curtainY - squeeze in both edges vertically
$.fn.cycle.transitions.curtainY = function($cont, $slides, opts) {
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,true,false,true);
opts.cssBefore.top = next.cycleH/2;
opts.animIn = { top: 0, height: next.cycleH };
opts.animOut = { top: curr.cycleH/2, height: 0 };
opts.cssBefore = { left: 0, height: 0 };
// cover - curr slide covered by next slide
$.fn.cycle.transitions.cover = function($cont, $slides, opts) {
var d = opts.direction || 'left';
var w = $cont.css('overflow','hidden').width();
var h = $cont.height();
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts);
if (d == 'right')
   opts.cssBefore.left = -w;
else if (d == 'up')
   opts.cssBefore.top = h;
else if (d == 'down')
   opts.cssBefore.top = -h;
else
   opts.cssBefore.left = w;
opts.animIn = { left: 0, top: 0};
opts.animOut = { opacity: 1 };
opts.cssBefore = { top: 0, left: 0 };
// uncover - curr slide moves off next slide
$.fn.cycle.transitions.uncover = function($cont, $slides, opts) {
var d = opts.direction || 'left';
var w = $cont.css('overflow','hidden').width();
var h = $cont.height();
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,true,true,true);
if (d == 'right')
   opts.animOut.left = w;
else if (d == 'up')
   opts.animOut.top = -h;
else if (d == 'down')
   opts.animOut.top = h;
else
   opts.animOut.left = -w;
opts.animIn = { left: 0, top: 0 };
opts.animOut = { opacity: 1 };
opts.cssBefore = { top: 0, left: 0 };
// toss - move top slide and fade away
$.fn.cycle.transitions.toss = function($cont, $slides, opts) {
var w = $cont.css('overflow','visible').width();
var h = $cont.height();
opts.before.push(function(curr, next, opts) {
$.fn.cycle.commonReset(curr,next,opts,true,true,true);
// provide default toss settings if animOut not provided
if (!opts.animOut.left && !opts.animOut.top)
   opts.animOut = { left: w*2, top: -h/2, opacity: 0 };
else
   opts.animOut.opacity = 0;
opts.cssBefore = { left: 0, top: 0 };
opts.animIn = { left: 0 };
// wipe - clip animation
$.fn.cycle.transitions.wipe = function($cont, $slides, opts) {
var w = $cont.css('overflow','hidden').width();
var h = $cont.height();
opts.cssBefore = opts.cssBefore || {};
var clip;
if (opts.clip) {
if (/l2r/.test(opts.clip))
   clip = 'rect(0px 0px '+h+'px 0px)';
else if (/r2l/.test(opts.clip))
   clip = 'rect(0px '+w+'px '+h+'px '+w+'px)';
else if (/t2b/.test(opts.clip))
   clip = 'rect(0px '+w+'px 0px 0px)';
else if (/b2t/.test(opts.clip))
   clip = 'rect('+h+'px '+w+'px '+h+'px 0px)';
else if (/zoom/.test(opts.clip)) {
   var top = parseInt(h/2);
   var left = parseInt(w/2);
   clip = 'rect('+top+'px '+left+'px '+top+'px '+left+'px)';
opts.cssBefore.clip = opts.cssBefore.clip || clip || 'rect(0px 0px 0px 0px)';
var d = opts.cssBefore.clip.match(/(\d+)/g);
var t = parseInt(d[0]), r = parseInt(d[1]), b = parseInt(d[2]), l = parseInt(d[3]);
opts.before.push(function(curr, next, opts) {
if (curr == next) return;
var $curr = $(curr), $next = $(next);
$.fn.cycle.commonReset(curr,next,opts,true,true,false);
opts.cssAfter.display = 'block';
var step = 1, count = parseInt((opts.speedIn / 13)) - 1;
(function f() {
   var tt = t ? t - parseInt(step * (t/count)) : 0;
   var ll = l ? l - parseInt(step * (l/count)) : 0;
   var bb = b < h ? b + parseInt(step * ((h-b)/count || 1)) : h;
   var rr = r < w ? r + parseInt(step * ((w-r)/count || 1)) : w;
   $next.css({ clip: 'rect('+tt+'px '+rr+'px '+bb+'px '+ll+'px)' });
   (step++ <= count) ? setTimeout(f, 13) : $curr.css('display', 'none');
opts.cssBefore = { display: 'block', opacity: 1, top: 0, left: 0 };
opts.animIn    = { left: 0 };
opts.animOut   = { left: 0 };
})(jQuery);
I still cannot get it to work

Smoother slideshow ?

Good day to you all.
I know this is really not a video question;
I'm using Adobe Premiere Elements 4.0 and I 'm trying to create a smooth looking slideshow.
The default slideshow has a regular transition but I would like something smoother.
For example, on the PS3; When you press slideshow on the photo album, it softly pans over the images before changing to the next ones. (Check http://www.youtube.com/watch?v=a7MgIyxyIv0 at around 1:13, that with a little added slide that's very slow )
The only pan and zoom I found here does so very quickly and it's not suitable at all, because the video I wish to make is a relaxing one.
Finally, any clues for a smoother, slow and relaxing slideshow? How to make the images actually slide one after another slowly, not just change with an additive transition, et cetera.
Kudos.

First, resize all your photos to no larger than 1000x750 pixels. This is the optimal size for photos for video, and it will give you the best performance and best results.
Next, make sure, before you import the photos into your Premiere Elements project, that you go to Edit/Preferences and uncheck the option to Scale to Frame Size.
Place your photos manually on the timeline and add your transitions manually between them.
Then download my Pan & Zoom pack from the Muvipix.com site. This is a pack of 10 slow pans and zooms that are designed for 1000x750 pixel images.
http://muvipix.com/products.php?searchphrase=1000x750
This file also includes instructions for how to use these custom presets. It's important that you add the transitions to your slideshow BEFORE you add these pans & zooms!
I also recommend that, before you output your slideshow, you right-click on each photo on the timeline and select Field Options/Flicker Removal.
Then render your slideshow by pressing Enter.
This should give you an excellent, smooth, slow slideshow!

Audio disappears half way through slideshow

Made a DVD with 11 slideshows (~1000 images total) spread over 3 menus. All slideshows were built in iDVD 5.0.1 using a media browser (from iPhoto). Travel 1 theme. No transitions. All slideshows set to loop. For audio, added a different single track to each slideshow. Used "Save as Image" option and then checked the resulting disk image in Apple DVD Player.
What happens: audio gets cut off (and never comes back) some way into a slideshow. For some slideshows it is close to 5 min. from the beginning, yet for other this happens only 2.5 min. after the slideshow starts.
What I tried: encoding settings "best performance" or "best quality"; reverting to QuickTime 7.0.1 from 7.0.3. This did not make any difference.
Any suggestions? Thanks.

Just a sad update. After extensive testing I did not find any solution to the problem. What I tested:
1. 10.4.3 or 10.4.2 (archive and install from 10.4.3) or 10.3.9 (fresh install).
2. QuickTime 7.0.1 or 7.0.3.
3. iTunes 4.9 or 5.0.1 or 6.0.
4. Different audio tracks for the slideshow in which audio disappears half-way.
5. Different formats of audio tracks - AIFF or AAC.
6. Tried increasing the length of the track to make it much longer than the length of the slideshow. I did this in GarageBand by creating 5 tracks using the same AAC file and then exporting the result back to iTunes.
7. iDVD encoding settings "Best Quality" or "Best Performance".
8. Creating PAL or NTSC DVD disk.
THE RESULT: The same as before. For some slideshows audio disappears during transition from slide 32 to 33, for others - from 51 to 52, yet for others - from slide 70 to 71.
What is odd: Redoing the DVD project in the same software setup gives different results - fewer or more slideshows may be affected than before. Therefore, the success rate is random and unpredictable.
WHAT I DID FIND: Out of 7 slideshows (of the total 11) that had problems with sound (during all my futile attempts) 6 contained images that were recently added to iPhoto - since the last time I was able to successfully make a perfect slideshow DVD (this was back in mid-August).
MY GUESS: This problem relates to the length of the DVD. If I make two DVDs under the same software setup, one with 11 slideshows, another with just 5, then the second will have only 1 or 2 slideshows with disappearing sound, while the first one may have up to 7.
For me this is a dead end. And I'll be waiting for iLife'06.

Why has the transition changed for the Classic theme

Some years ago I asked how to have no transitions on a slideshow and I was told to use the Classic theme. This had Transition: None. I used this to convert many 4:3 photos to 16:9 HD for display on TV, one by one.
Now, when doing the same, the last second had the Dissolve feature even though it had Transition: None! Some how it has now changed to Transition: Dissolve and I can't find a way to change it back.
I'm using iPhoto 11 v 9.2.3, created 25/8/10 6.06am, modified 3/4/12 1.18am, on OS X 10.6.8.
My earliest backup (Time Machine) was 14/9/12 & has exactly the same iPhoto details. The modified date (3/4/12) was when I downloaded the 9.2.3 version. One photo previously modified is dated 27/11/12. Some how the transition changed since I used it even though iPhoto wasn't changed since a date 7 months earlier? I've reverted back to the 14/9/12 backup and it shows Transition: Dissolve even though that version was used for the photo and had None at the time!!!
I've tried modifying/deleting various iPhoto Plist files; iPhoto just modifies/re-creats them. I've even re-installed iPhoto from the original iLife disc onto the 14/9/12 system, but when I tried to use it it told me I have to get an upgrade. Upgraded to v 9.1 and upon opening it said it couldn't use the current photo storage space because it's a newer version (something like that) and asked if I wanted to Cancel or Create a new one and only gave Cancel as an option! Updating again creates v 9.2.3 (date: Today) and it has Transition: Dissolve.
I now believe there must be a file somewhere that contains this setting but, where and why wasn't it reset after restoring from backup?
Any help would be much appreciated.

I cannot check with your version any longer. But where have you checked the "Transition" setting?
Check in both places for the slideshow settings - the "All Slides" tab, and the "this Slide"tab for individual slides.
(This screenshot is from version 9.6 -sorry)
The properties of your slideshows will be stored in the iPhoto library. Have you run the First aid Tools to repair the permissions and the library?
Do the following:
To launch the "First Aid Tools" hold down the options-command keys ⌥⌘ while double clicking your iPhoto Library.
Keep the keys held down firmly until the First Aid panel appears.
Then select "Repair database" from the First Aid pane.
The may take a while for a large library.
Repeat with "Repair Permissions".

No transitions performed in slideshow

Similar Messages

Maybe you are looking for