HTML/javascript content slider

[Matthijz98]

Beste Teakers

Wij hebben van IS een website met allemaal mooie grafieken over de status van onze servers.
Nu willen we een deze overzichten gaan laten zien op een grote monitor.
De overzichten kunnen worden gedeeld als een stukje javascript code.
Alleen ben ik nog opzoek naar een manier om netjes door alle overzichten te gaan.
Ik wil een soort slider maken die een voor een de overzichten laat zien.
Nu is dit wel aardig aan het lukken alleen wordt nu alle content in een keer geladen en dus duurt het heel erg lang, en tegen de tijd dat we bij de tijd dat we de laatste pagina zijn is de info al oud.

Nu is mijn vraag is er een makkelijke manier om dit te doen(mag ook een desktop programma zijn).
het liefst een kant en klare oplossing, er staan heel veel sliders maar deze ondersteunen geen html content.

Alvast bedankt

[ Voor 1% gewijzigd door Matthijz98 op 27-02-2017 10:44 . Reden: Typo ]

[Montaner]

Wikipedia: Lazy loading

Kant en klaar? Je hebt vrij specifieke wensen, dus dat ga je niet vinden. Maar je javascript code zodanig aanpassen dat hij pas daadwerkelijk de aanroep doet zodra je naar de volgende slide gaat zou niet heel lastig moeten zijn.

[ Voor 61% gewijzigd door Montaner op 27-02-2017 14:25 ]

[EngineerCoding]

Lazy loading is zeker the way to go, echter zal ik het wel zo schrijven dat de data wordt opgehaald wanneer een slide geopend wordt zodat je nooit achterloopt in de zin van data. Stel hierbij voor dat je eerst naar de laatste slide gaat en vervolgens naar de 1e slide. Dan wil je dat de 1e slide ook weer actueel is.
Hiervoor zou ik wel een kleine timeout voor toevoegen, in het geval dat je echt gelijk naar de eerste slide weer gaat wil je alleen die data ophalen, niet de data tussen de 1e en laatste. Of alternatief een refresh knop welke de data ophaalt

[ Voor 0% gewijzigd door EngineerCoding op 28-02-2017 15:42 . Reden: Typo ]

[Creepy]

"Het liefst een kant en klare oplossing"? Misschien goed om Devschuur® Beleid - Waar vind ik eens door te lezen. In PRG draait het om zelf programeren, niet om anderen dat voor je te laten doen. Dus je zelf met de gegeven tips toch echt zelf aan de slag moeten.

[edwinjm]

Het makkelijkst is om in Chrome meerdere tabs te openen met daarin de grafieken en met een plugin door de tabs te rouleren.

Zoek op "chrome rotate tabs automatically" om verschillende van deze plugins te vinden.

[ReW]

Wij hebben op het werk ook een statusmonitor. De eerste versie daarvan had ook een auto slider maar is er al heel snel uitgehaald omdat anders te lang moet wachten op bepaalde informatie.

Overigens als ik zoek op 'jquery slider' krijg ik genoeg resultaten welke html ondersteunen