Two separate Hype html5 codes with viewport settings not working in same page?

Exporting & Previewing
14

Hey Daniel,
I also tried moving all of my animations and triggers into new uniquely named timelines in each project with no luck. I tried reordering the timelines in the Animation Timelines panel, changing the Actions panel items to point to the new timelines, etc.

I’m going to try using the jQuery waypoint tutorial (http://forums.tumult.com/t/viewport-waypoint-actions-in-tumult-hype-starting-an-animation-when-an-element-is-visible/1138) to do it by hand as a last resort because I have a big project due next week. :frowning:

EDIT: I got it working by using that tutorial linked above. I linked to the waypoint JS file in the parent HTML file and then added all of my waypoint functions in the individual projects. I also found using this code:

	$('#trigger').waypoint (function(){
	hypeDocument.continueTimelineNamed('uniqueTimeline', hypeDocument.kDirectionReverse);
}, { offset: 0 });

I was able to reverse the timeline easily without having to reanimate like that tutorial suggested. If you lookup the waypoint JS project you can find all sorts of offset options for when to trigger the timeline.

I’ve got this working with two projects embedded in one page now, so hopefully I’ll be successful embedding a few more. :wink: