Knowledgebase: HTML5
Efectos en Banners tradicionales en HTML5 (eplExtras)
on 10 December 2015 01:26 PM

 


¡Importante!

­Se debe subir siempre el .zip y allí adentro debe estar nuestro banner de extensión “.html”, llamado textual: “index.html”. ­

Desde la pauta no hay preview del anuncio en HTML5



 

Para comenzar debemos crear una carpeta para nuestro banner y allí guardar el archivo HTML con toda su creatividad relacionada.

Luego colocar en la misma carpeta nuestra libreria “.js” en: eplextras3.6.js que luego debe ser incluida en el html del banner dentro de la etiqueta head.

 

Ejemplo:

<head>

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

</head>

 

Ejemplo Anuncios Tradicionales HTML:

Banner HTML5

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

 

Layer HTML5­

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

 

Cerrar Layer ​con un botón genérico de e­planning: Colocar dentro de la etiqueta body <script>eplCIf.insertCloseButton();</script> 

 

Podemos cambiar el nombre que da por defecto y orden dentro de la etiqueta body de la siguiente manera:

<script>eplCIf.closeButtonAlt("cerrame")</script>

<script>eplCIf.insertCloseButton();</script>

 

Si quiero cargar mi propia img: ­

<script>eplCIf.closeButtonImgSrc(“www.ruta.al.boton.com/cerrar.jpg”);

eplCIf.insertCloseButton();

</script>

 

Cerrar Layer​mediante un botón: eplCIf.hide();

 

Cerrar Layer ​en determinados segundos: eplCif.autoHideTimeOut(10);

 

Expandible Push HTML5

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

 

Expandir: ​eplCIf.expand(); ­

 

Replegar:​ eplCIf.collapse();

 

Debo agregarle al html dentro del head, las medidas del tamaño del anuncio replegado y expandido: ​

<script>eplCIf.collapsedHeight('35px')</script> ​medida replegado pixeles

<script>eplCIf.expandedHeight('400px')</script> medida expandido pixeles

 

Expandible RollOver HTML5

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

 

Expandir hacia abajo: e​plCIf.setRollover(); ­

 

Expandir hacia la izquierda: e​plCIf.setRolloverToLeft(); ­

 

Replegar:​ eplCIf.collapse();

 

Debo agregarle al html dentro del head, las medidas del tamaño del anuncio replegado y expandido: ​

<script>eplCIf.collapsedHeight('35px')</script> ​medida replegado pixeles

<script>eplCIf.expandedHeight('400px')</script> medida expandido pixeles



Attachments 
 
 eplextras3.6.js (5.37 KB)