pagebutton und fade

Begonnen von tomster, 13 Januar 2017, 16:18:30

Vorheriges Thema - Nächstes Thema

tomster

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?

setstate

Wird es mit Version 2.5 geben

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

läuft bei mir schon  :D