Skip to main content
L
ltveten
Participant
March 9, 2017
Answered

Mouse over/out not working in Sizmek

  • March 9, 2017
  • 1 reply
  • 1309 views

Is anyone familiar with building banners in Animate and uploading to Sizmek? I went on maternity leave last year and it went from Adobe Edge Animate to Adobe Animate and this is my first time building in Adobe Animate and uploading it to Sizmek. I have already made it Sizmek compatible. The animation works locally but when it's uploaded to Sizmek the Mouse Over animates but the Mouse Out doesn't animate. I've reached out to Sizmek and they said the following..

We are unable to advise on animation effects on mouseover/mouseout in 3rd party apps since they are not directly related to Sizmek. Happy to advise if you are experiencing a tracking issue related to mouse events. It might be best to reach out to Adobe on animation effects in their program.

If anyone has any experience with this, your help is greatly appreciated.

Here is the preview link of the banner:

http://platform.mediamind.com/Eyeblaster.Preview.Web/Default.aspx?previewID=iJbk7P4eoxrNj3ea6f4dIbaQU5FZg1LB2EhEjelhqkM3TuseepQgWg%3D%3D&AdID=42961126&lang=en-US

Here are my working files are here. 

This topic has been closed for replies.
Correct answer just.emma

This issue would occur with any ad serving company; not just Sizmek.

The solution is to target the whole canvas instead of a button filling the canvas; then your mouseout will be detected even once the ad is served inside an iFrame:

canvas.addEventListener("mouseover", over.bind(this));

canvas.addEventListener("mouseout", out.bind(this));

function over() {

  this.cta.gotoAndPlay("over");

}

function out() {

  this.cta.gotoAndPlay("out");

}

1 reply

just.emma
just.emmaCorrect answer
Inspiring
March 9, 2017

This issue would occur with any ad serving company; not just Sizmek.

The solution is to target the whole canvas instead of a button filling the canvas; then your mouseout will be detected even once the ad is served inside an iFrame:

canvas.addEventListener("mouseover", over.bind(this));

canvas.addEventListener("mouseout", out.bind(this));

function over() {

  this.cta.gotoAndPlay("over");

}

function out() {

  this.cta.gotoAndPlay("out");

}

L
ltvetenAuthor
Participant
March 9, 2017

Thank you for the quick response. Unfortunately, when I changed the code and uploaded it to Sizmek, the animation stopped working completely. Below is my original code. What else am I missing?

stage.enableMouseOver();

this.clickthrough.addEventListener("mouseover", over.bind(this));

this.clickthrough.addEventListener("mouseout", out.bind(this));

function over()

{

  this.hover_mc.gotoAndPlay("over");

  this.cta_test.gotoAndPlay("over");

}

function out()

{

  this.hover_mc.gotoAndPlay("out");

  this.cta_test.gotoAndPlay("out");

}

just.emma
just.emma
Inspiring
March 9, 2017

You just need to change this.clickthrough to canvas, as I mentioned in my previous post.

You need to target the whole canvas instead of a button that fills the canvas.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices