Example change handler function. Does a basic fade.

view.js

// Change the page
View.change = function(e, new_page) {

	// Make sure old page has lower z-index and stop any trams.
	// Note: calling set() invokes stop()
	var old = this.$slides.eq(e.previous('page')).tram()
		.set({'z-index': 1})
	;

	// Hide the old one after the transition is done.  Don't use
	// then() because it won't be fired if the animation is stopped.
	tram.delay(300, function () {
		old.set({display: 'none'});
	});

	// Animate in new page
	this.$slides.eq(new_page).tram()
		.add('opacity 300ms')
		.set({ display: 'block', opacity: 0, 'z-index': 2} )
		.start({ opacity: 1})
	;

};

I'm doing a new approach currently where I create new instances of slides in the DOM rather than mess with the state on existing slides.