Effects on traditional banners in HTML5 (eplExtras)

Important!

You must upload the .zip with our “.html” banner called “index.html” inside. 

There is no preview of the ad in HTML5 from the campaign.

To get started, create a folder for our banner and save the HTML file with everything related to the creative.

Proceed to save in the same folder our library “.js” in: eplextras3.6.js that must be included in the html banner inside the head tag.

Example:

<head>

<script src='eplextras3.6.js'></script>

</head>

Example of traditional HTML ads:

HTML5 Banner

Clicktag: <a onclick='window.open(window.clickTag); return false' href='#!'> </a>

HTML5 Layer

Clicktag: <a onclick='window.open(window.clickTag); return false' href='#!'> </a>

Close Layer with e-planning generic button. Set in the body tag <script>eplCIf.insertCloseButton();</script>

You may change the name set by default and the order inside the body tag as follows:

To load your own img:

eplCIf.insertCloseButton();

</script>

Close Layer by button: eplCIf.hide();

Close Layer in specific seconds: eplCif.autoHideTimeOut(10);

HTML5 Push Expandable

Clicktag: <a onclick='window.open(window.clickTag); return false' href='#!'> </a>

Expand: eplCIf.expand();

Collapse: eplCIf.collapse();

Add the expanded and collapsed ad sizes to the html within the head:

HTML5 RollOver Expandable

Clicktag: <a onclick='window.open(window.clickTag); return false' href='#!'> </a>

Expand downwards: eplCIf.setRollover();

Expand to the left: eplCIf.setRolloverToLeft();

Collapse: eplCIf.collapse();

Add the expanded and collapsed ad sizes to the html within the head:

English