FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: tomster am 13 Januar 2017, 16:18:30

Titel: pagebutton und fade
Beitrag von: tomster am 13 Januar 2017, 16:18:30
Servus zusammen!

Habe heut einmal meine komplette Seite auf pagebutton umgestellt. Wirklich "g'wandt", wie man bei uns sagt.
Ich komm jedoch nicht umhin zu denken, dass es evtl. "schöner" wäre wenn die einzelnen <div>'s mit einer Art fade übergeblendet würden.
Vielleicht ginge das ja mit einer Art:

<div class="page fade" id="content1"></div>
<div class="page fade" id="content2"></div>
<div class="page fade" id="content3"></div>

Wobei die class "fade" im CSS mit opacity: 0; definiert würde. Wenn man der Pagetab-Funktion dann beim Austausch der divs etwas á la
$("#fade").animate({ opacity: 1 }, 2500);​ oder so mitgäbe, könnte es hinhauen, oder?

Leider versteh ich den JS-Code im Widget nicht ausreichend, um zu verstehen, wo man sowas einbauen könnte.

Was haltet Ihr von der Idee?
Titel: Antw:pagebutton und fade
Beitrag von: setstate am 21 Januar 2017, 13:55:05
Wird es mit Version 2.5 geben

data-fade-duration (in ms oder 'fast'/'slow' - default='slow')

läuft bei mir schon  :D