Starter + I-Layer

Ukázky kreativ

Technické specifikace

Formát se skládá ze dvou kreativ: starter a I-Layer.

Ukázka kreativy na Ihned.cz - ZDE

 StarterI-layer
Formát HTML5, JPEG, GIF, (flash se nedoporučuje) HTML5, JPEG, GIF, (flash se nedoporučuje)
Rozměry (ŠxV) Dle standartního formátu 960x600
Datová velikost 100 kB 100 kB
Max. délka animace (zobrazení) omezena * 30 vteřin

* v případě umístění na HP Centrum.cz a HP Atlas.cz je animace omezena na 15 vteřin. Poté musí zůstat kreativa statická. I-Layer nesmí překrýt vyhledávání a widget s e-mailem.

Funkcionalita

V případě dodání Ilayeru ve formátu HTML5 je pro zavírací tlačítko třeba použít následující kód pro funkčnost tlačítka. Toto funkci je třeba přidat do js kódu Ilayeru, a zavolat jí při kliknutí na tlačítko [zavřít X]

function closeIlayer () {
    window.parent.postMessage("closeIlayer", "*"); 
    window.parent.parent.postMessage("closeIlayer", "*"); 
}

Zároveň je třeba do js kódu ilayeru vložit:

if ( window.addEventListener ) {
    window.addEventListener('load', loaded);
  } else {
    window.attachEvent('onload', loaded);
}

function loaded () {		
  setTimeout(function () {
    window.parent.postMessage("iframeLoaded", "*");
    window.parent.parent.postMessage("iframeLoaded", "*");       
  }, 500);
}

  • Kreativa se skládá ze dvou grafických prvků, starter a I-Layer. Jednotlivé kreativy pouze volají potřebné javascriptové funkce.
  • Ilayer se zobrazí po najetí kurzorem na starter se zpožděním 3 sekundy. Pokud do tohoto časového limitu uživatel opustí kurzorem starter, I-Layer se nezobrazí.
  • Zavření I-Layeru se provede při stisktnutí křížku s popiskem "Zavřít" v právem horním rohu nebo po uplynutí animace I-Layeru.
  • Standardně I-Layer překrývá celou plochu starteru a dále část obsahu.
  • Pokud je ilayer v transparentní formě musí být použita poloprůhledná vrstva černé barvy pro vizuální oddělení I-Layeru od obsahu.

V případě dodání HTML5 bannerů prosím dodržujte definici prokliku, TP zde.

Hledat
Flash prostředí
Action Script 2 | Action Script 3
English