2.627
Bearbeitungen
Esenk (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(6 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
{{TechSpecsOnline | {{TechSpecsOnline | ||
|galerie= | |galerie= | ||
<gallery mode="packed" heights="200px"> | |||
Online_Billboard_mit_reminder1.png|1. Initialer Zustand | |||
Online_Billboard_mit_reminder2.png|2. Billboard bleibt beim Scrollen für 5s am Bildschirmrand sticky | |||
Online_Billboard_mit_reminder3.png|3. Nach 5s Transformation zu einer sticky Reminder-Leiste | |||
Online_Billboard_mit_reminder4.png|4. Nach Expandieren sind Billboard + Reminder-Leiste sichtbar und sticky | |||
</gallery> | |||
|beschreibung=Das Billboard ist für 5 Sek. Immer in voller Größe sichtbar, auch beim Scrollen. Danach zieht es sich zu einer Sticky-Reminder-Leiste zusammen, die jederzeit wieder zu voller Billboard-Größe expandiert werden kann. | |beschreibung=Das Billboard ist für 5 Sek. Immer in voller Größe sichtbar, auch beim Scrollen. Danach zieht es sich zu einer Sticky-Reminder-Leiste zusammen, die jederzeit wieder zu voller Billboard-Größe expandiert werden kann. | ||
|3rdParty={{3rdParty|erlaubt=nein}} | |3rdParty={{3rdParty|erlaubt=nein}} | ||
Zeile 13: | Zeile 19: | ||
}} | }} | ||
|besondereInformation= | |besondereInformation= | ||
{{Baustein|titel=Interaktion|text=Scroll-Event des Users fixiert | {{Baustein|titel=Interaktion|text=Scroll-Event des Users fixiert das Billboard sichtbar für 5 Sek. am oberen Viewport des Browsers. Nach Ablauf der Zeit kollabiert das Billboard zu einer weniger hohen Reminder-Leiste, die ebenfalls fixiert am oberen Viewport des Browsers verbleibt. Durch Klick kann dieser erneut auf das initiale Format geöffnet werden (die Reminder-Leiste bleibt dauerhaft unterhalb am Billboard angedockt). Durch Klick auf Schließen-Buttons wird das Fixierung bzw. stickiness aufgelöst und das Billboard mit itialem Format im originären Werbeplatz zurückgesetzt und verbleibt dort. Die Features zur Steuerung werden von iq digital umgesetzt - siehe nachfolgende Anforderung zur Umsetzung Creation . | ||
}} | }} | ||
{{Baustein|titel=Feature-Steuerung|text= | {{Baustein|titel=Feature-Steuerung|text= | ||
Zeile 60: | Zeile 66: | ||
iqdNS.animationCallback = function(command){ | iqdNS.animationCallback = function(command){ | ||
switch (command){ | switch (command){ | ||
case "[iq-command]": | |||
// Fügen Sie hier den Funktionsaufruf zum Start Ihrer Animation ein | |||
break; | break; | ||
} | } | ||
Zeile 72: | Zeile 78: | ||
}} | }} | ||
|pagenameEN=Billboard with reminder | |||
<includeonly>|wirdReferenziert=true</includeonly> | |||
}} | }} |