A Tudósnaptár plugin egyszerűen beilleszthető bármely web-oldalra, amelynek kiszologálója képes php-programok futtatására1. Töltse le a programot, és csomagolja ki a weboldal könyvtárába, majd módosítsa a weboldal HTML-kódját: illessze be a következő sort arra a helyre, ahová a Tudósnaptár képsort szeretné:
<div id="tudosnaptar" class="tudosnaptar" data-tnconfig="1,0,0,5000,tudosnaptar"></div>
Tegye be az oldal testébe a következő két javascript fájl-hivatkozást (ellenőrizze, hogy a html oldal nem tölti be máshol a jquery könyvtárt!)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="tudosnaptar/tudosnaptar.js"></script>
Ha web-kiszolgálója nem engedélyezi CDN-fájlok betöltését, használhat helyileg tárolt jquery.js-t is.
A tudósnaptár alkalmazást a data-tnconfig-ban megadott adatokkal konfigurálhatja. Az adatok jelentése balról jobbra:
A fenti példában megadott tudósnaptár ezek szerint diavetítés üzemmódban működik, mutatja a kép alatt a szöveget, 5 másodpercenként jelenik meg új kép, nagy képeket mutat, és a weboldal könyvtárában található a tudosnaptar könyvtár. Valahogy így:
Ha minden tudós egyszerre látszik, a tudosnaptár szélessége és elhelyezkedése stílusokkal konfigurálható, pl. style="width: 200px;" egy 200 képpont széles tudósnaptárt hoz létre. Figyelem! Diavetítés üzemmódban a Tudósnaptár mérete előre be van állítva! Ne adjon meg stílust a tudósnaptárnak!
Ha olyan weblapon szeretné megjeleníteni a Tudósnaptár képsorát, amely tartalomkezelőt (WordPress, Joomla, Drupal) használ, töltse le és telepítse a megfelelő modult. A modulok a tartalomkezelő programok legfrissebb verzióihoz lettek kifejlesztve, de kérés esetén megoldható régebbi verziókhoz is a modul elkészítése.
Ezek használatakor a modul konfigurálásával állíthatja be a Tudósnaptár megjelenítését.
Selmeci Béla
1 A program használja a PHP CURL kiterjesztését is.